jQuery中可見(jiàn)性過(guò)濾器簡(jiǎn)單用法示例

2019-11-19 14:04:50

字體：大中小

供稿：網(wǎng)友

本文實(shí)例講述了jQuery中可見(jiàn)性過(guò)濾器簡(jiǎn)單用法。分享給大家供大家參考，具體如下：

一介紹

元素的可見(jiàn)狀態(tài)有兩種，分別是隱藏狀態(tài)和顯示狀態(tài)。可見(jiàn)性過(guò)濾器就是利用元素的可見(jiàn)狀態(tài)匹配元素的。因此，可見(jiàn)性過(guò)濾器也有兩種，一種是匹配所有可見(jiàn)元素的:visible過(guò)濾器，另一種是匹配所有不可見(jiàn)元素的:hidden過(guò)濾器。

在應(yīng)用:hidden過(guò)濾器時(shí)，display屬性是none以及input元素的type屬性為hidden的元素都會(huì)被匹配到。

二應(yīng)用

獲取頁(yè)面上隱藏和顯示的input元素的值

三代碼

<script language="javascript" src="JS/jquery-3.1.1.min.js"></script><input type="text" value="顯示的input元素"><input type="text" value="我是不顯示的input元素" style="display:none"><input type="hidden" value="我是隱藏域"><script type="text/javascript">   $(document).ready(function() {      var visibleVal = $("input:visible").val();     //取得顯示的input的值      var hiddenVal1 = $("input:hidden:eq(0)").val();   //取得隱藏的input的值      var hiddenVal2 = $("input:hidden:eq(1)").val();   //取得隱藏的input的值      alert(visibleVal+"/n/r"+hiddenVal1+"/n/r"+hiddenVal2);  //彈出取得的信息   });</script>

四運(yùn)行效果