jQuery可見(jiàn)性過(guò)濾器:hidden和:visibility用法實(shí)例
本文實(shí)例講述了jQuery可見(jiàn)性過(guò)濾器:hidden和:visibility用法。分享給大家供大家參考。具體分析如下:
:hidden
匹配所有不可見(jiàn)元素,如果使用css的visibility屬性讓元素不顯示但是占位,則不屬于hidden了
查找display:none的tr元素,$("tr:hidden")
:visible
匹配所有可見(jiàn)元素
查找所有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è)過(guò)濾器并不在乎元素到底是不是隱藏不可見(jiàn)的,我覺(jué)得只要是display:none則用:hidden可以將其獲取,如果沒(méi)有display:none,不管是什么都可以獲取。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery中可見(jiàn)性過(guò)濾器簡(jiǎn)單用法示例
- jQuery中過(guò)濾器的基本用法示例
- JQuery的常用選擇器、過(guò)濾器、方法全面介紹
- jQuery使用contains過(guò)濾器實(shí)現(xiàn)精確匹配方法詳解
- JQuery選擇器、過(guò)濾器大整理
- jQuery表單域?qū)傩赃^(guò)濾器用法分析
- Jquery 過(guò)濾器(first,last,not,even,odd)的使用
- 從jquery的過(guò)濾器.filter()方法想到的
- jQuery contains過(guò)濾器實(shí)現(xiàn)精確匹配使用方法
- jQuery ajax 路由和過(guò)濾器使用說(shuō)明
- jquery中通過(guò)過(guò)濾器獲取表單元素的實(shí)現(xiàn)代碼
- JQuery 選擇器、過(guò)濾器介紹
- jQuery中內(nèi)容過(guò)濾器簡(jiǎn)單用法示例
相關(guān)文章
jQuery當(dāng)鼠標(biāo)懸停時(shí)放大圖片的效果實(shí)例
這是一個(gè)基于jQuery的效果,當(dāng)鼠標(biāo)在小圖片上懸停時(shí),會(huì)彈出一個(gè)大圖,該大圖會(huì)跟隨鼠標(biāo)的移動(dòng)而移動(dòng)2013-07-07Jquery下的26個(gè)實(shí)用小技巧(jQuery tips, tricks & solutions)
前段時(shí)間發(fā)布了Jquery類庫(kù)1.4版本,使用者也越來(lái)越多,為了方便大家對(duì)Jquery的使用,下面列出了一些Jquery使用技巧。2010-03-03EasyUI,點(diǎn)擊開(kāi)啟編輯框,并且編輯框獲得焦點(diǎn)的方法
這篇文章主要介紹了EasyUI,點(diǎn)擊開(kāi)啟編輯框,并且編輯框獲得焦點(diǎn)的方法,需要的朋友可以參考下2015-03-03jquery nth-child()選擇器的簡(jiǎn)單應(yīng)用
今天項(xiàng)目中遇到過(guò)一個(gè)這樣的問(wèn)題,就是希望讀出來(lái)的文章列表能夠每隔五個(gè)加一個(gè)分割條,而不是每個(gè)都加。2010-07-07jQuery實(shí)現(xiàn)復(fù)選框批量選擇與反選的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)復(fù)選框批量選擇與反選的方法,主要通過(guò)jQuery的attr與removeAttr方法實(shí)現(xiàn)選擇與反選的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-06-06jQuery插件pagination實(shí)現(xiàn)無(wú)刷新分頁(yè)
本文我們一步一步看看使用jQuery、JSON、Ajax和微軟jQuery Template插件組合實(shí)現(xiàn)jQuery無(wú)刷新分頁(yè),希望能給你一些幫助,感興趣的朋友可以參考一下2016-05-05