如何在jQuery中使用可見(jiàn)性過(guò)濾器？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)為您提適合企業(yè)的網(wǎng)站設(shè)計(jì)?讓您的網(wǎng)站在搜索引擎具有高度排名，讓您的網(wǎng)站具備超強(qiáng)的網(wǎng)絡(luò)競(jìng)爭(zhēng)力！結(jié)合企業(yè)自身，進(jìn)行網(wǎng)站設(shè)計(jì)及把握，最后結(jié)合企業(yè)文化和具體宗旨等，才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到網(wǎng)站設(shè)計(jì)、做網(wǎng)站， 我們的網(wǎng)頁(yè)設(shè)計(jì)師為您提供的解決方案。

一 介紹

元素的可見(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元素的值

三 代碼

   $(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);  //彈出取得的信息
   });

四 運(yùn)行效果

關(guān)于如何在jQuery中使用可見(jiàn)性過(guò)濾器問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。