jQuery可見性過濾器：hidden和：visibility用法實(shí)例

更新時(shí)間：2015年06月24日 16:03:19 作者：第2015換個(gè)昵稱

這篇文章主要介紹了jQuery可見性過濾器：hidden和：visibility用法,實(shí)例分析了：hidden和：visibility的功能及相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery可見性過濾器：hidden和：visibility用法。分享給大家供大家參考。具體分析如下：

:hidden
匹配所有不可見元素，如果使用css的visibility屬性讓元素不顯示但是占位，則不屬于hidden了
查找display:none的tr元素，$("tr:hidden")

:visible
匹配所有可見元素
查找所有display不為none的元素，$("tr:visible")

例子：

<tr id="one"style="display:none;"><td>1</td><td>2</td></tr>
<tr id="two"style="visibility:hidden;"><td>3</td><td>4</td></tr>
<tr id="three"><td>5</td><td>6</td></tr>
$("tr:hidden");//選中id為one的元素
$("tr:visible");//選中id為"two"和"three"的元素

其實(shí)，這里兩個(gè)過濾器并不在乎元素到底是不是隱藏不可見的，我覺得只要是display:none則用：hidden可以將其獲取，如果沒有display:none，不管是什么都可以獲取。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery切換網(wǎng)頁皮膚并保存到Cookie示例代碼
這篇文章主要介紹通過jQuery切換網(wǎng)頁皮膚并將狀態(tài)保存到Cookie的相關(guān)代碼,需要的朋友可以參考下
2014-06-06
使用jquery+CSS3實(shí)現(xiàn)仿windows10開始菜單的下拉導(dǎo)航菜單特效
本文是基于jquery和css3實(shí)現(xiàn)的仿windows10開始菜單的下拉導(dǎo)航菜單特效，代碼超簡單，感興趣的朋友一起看看吧
2015-09-09
jquery自適應(yīng)布局的簡單實(shí)例
下面小編就為大家?guī)硪黄猨query自適應(yīng)布局的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
jQuery插件HighCharts實(shí)現(xiàn)氣泡圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts實(shí)現(xiàn)氣泡圖效果,結(jié)合完整實(shí)例形式分析了jQuery插件HighCharts繪制氣泡圖的實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
針對(duì)后臺(tái)列表table拖拽比較實(shí)用的jquery拖動(dòng)排序
這篇文章主要為大家詳細(xì)介紹了比較實(shí)用的jquery拖動(dòng)排序,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
制作高質(zhì)量的JQuery Plugin 插件的方法
最近jquery非常流行，想個(gè)性化定制一些功能，就可以將代碼寫成插件的形式，方便使用與修改。
2010-04-04
zTree異步加載展開第一級(jí)節(jié)點(diǎn)的實(shí)現(xiàn)方法
這篇文章主要介紹了zTree異步加載展開第一級(jí)節(jié)點(diǎn)的實(shí)現(xiàn)方法,需要的朋友可以參考下
2017-09-09
jquery ajax分頁插件的簡單實(shí)現(xiàn)
這篇文章主要介紹了jquery ajax分頁插件的簡單實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2016-01-01
Jquery動(dòng)態(tài)替換div內(nèi)容及動(dòng)態(tài)展示的方法
這篇文章主要介紹了Jquery動(dòng)態(tài)替換div內(nèi)容及動(dòng)態(tài)展示的方法,動(dòng)態(tài)替換div內(nèi)容并展示的使用技巧與注意事項(xiàng),需要的朋友可以參考下
2015-01-01
Jquery全選與反選點(diǎn)擊執(zhí)行一次的解決方案
在做項(xiàng)目時(shí)遇到一個(gè)bug，checkbox全選與反選功能，只能點(diǎn)擊一次，再點(diǎn)就不起作用了，為了解決此問題，我查找了好多資料，下面把具體解決方案整理分享給大家，需要的朋友可以參考下
2015-08-08