讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
更新時(shí)間：2011年07月10日 23:42:55 作者：
用Jquery去操作HTML元素很方便，能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選，以下用到的一些，整理了一下，還有很多有趣的用法，后續(xù)會(huì)繼續(xù)添加。
語(yǔ)法說(shuō)明：
E -- 元素
att -- 屬性
val -- 屬性值
E:first-child
E:last-child
匹配文檔中具有att屬性的E元素
語(yǔ)法: E[att]
匹配文檔中具有att屬性且其值為val的E元素
語(yǔ)法: E[att=val]
匹配文檔中具有att屬性且其中一個(gè)值（多個(gè)值使用空格分隔）為val(val不能包含空格)的E元素
語(yǔ)法: E[att~=val]
匹配文檔中具有att屬性且其中一個(gè)值為val，或者以val開(kāi)頭緊隨其后的是連字符的E元素
語(yǔ)法: E[att|=val]
匹配文檔中具有att屬性且其值的前綴為val的E元素
語(yǔ)法: E[att^=val]
匹配文檔中具有att屬性且其值的后綴為val的E元素
語(yǔ)法: E[att$=val]
匹配文檔中具有att屬性且其包含val的E元素
語(yǔ)法: E[att*=val]
E -- 元素
att -- 屬性
val -- 屬性值
E:first-child
E:last-child
匹配文檔中具有att屬性的E元素
語(yǔ)法: E[att]
匹配文檔中具有att屬性且其值為val的E元素
語(yǔ)法: E[att=val]
匹配文檔中具有att屬性且其中一個(gè)值（多個(gè)值使用空格分隔）為val(val不能包含空格)的E元素
語(yǔ)法: E[att~=val]
匹配文檔中具有att屬性且其中一個(gè)值為val，或者以val開(kāi)頭緊隨其后的是連字符的E元素
語(yǔ)法: E[att|=val]
匹配文檔中具有att屬性且其值的前綴為val的E元素
語(yǔ)法: E[att^=val]
匹配文檔中具有att屬性且其值的后綴為val的E元素
語(yǔ)法: E[att$=val]
匹配文檔中具有att屬性且其包含val的E元素
語(yǔ)法: E[att*=val]
您可能感興趣的文章:
- 基于JQuery的一句代碼實(shí)現(xiàn)表格的簡(jiǎn)單篩選
- JQuery操作表格(隔行著色,高亮顯示,篩選數(shù)據(jù))
- jQuery篩選器children()案例詳解(圖文)
- jquery表格內(nèi)容篩選實(shí)現(xiàn)思路及代碼
- JQuery篩選器全系列介紹
- Jquery仿淘寶京東多條件篩選可自行結(jié)合ajax加載示例
- jquery遍歷數(shù)組與篩選數(shù)組的方法
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- jquery實(shí)現(xiàn)多條件篩選特效代碼分享
- 基于jquery實(shí)現(xiàn)表格內(nèi)容篩選功能實(shí)例解析
相關(guān)文章
struts2+jquery組合驗(yàn)證注冊(cè)用戶(hù)是否存在
這篇文章主要介紹了使用struts2+jquery如何驗(yàn)證注冊(cè)用戶(hù)是否存在,需要的朋友可以參考下2014-04-04
JQuery給select添加/刪除節(jié)點(diǎn)的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JQuery給select添加/刪除節(jié)點(diǎn)的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-04-04
jQuery+ajax實(shí)現(xiàn)用戶(hù)登錄驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了jQuery+ajax實(shí)現(xiàn)用戶(hù)登錄驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件
這篇文章主要介紹了分享十五款 jQuery 社交網(wǎng)絡(luò)分享插件,需要的朋友可以參考下2015-05-05
基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法
本篇文章小編將為大家介紹，基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法。有需要的朋友可以參考一下2013-04-04
jquery插件，有幾種方法，有全局的，有對(duì)象方法的，一直覺(jué)得jquery插件迷迷糊糊，這陣子特地研究下，供那些像我一樣的初學(xué)者借鑒下。嘻嘻2012-08-08
本文主要是介紹了jQuery中on方法及trigger方法，以及圍繞這個(gè)方法來(lái)體驗(yàn)的觀(guān)察者模式，是篇非常不錯(cuò)的文章，對(duì)我們理解觀(guān)察者模式很有幫助。2014-12-12
JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)
今天小編就為大家分享一篇關(guān)于JQuery實(shí)現(xiàn)ajax請(qǐng)求的示例和注意事項(xiàng)，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2018-12-12
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果代碼，需要的朋友可以參考下。2011-08-08
這篇文章主要為大家詳細(xì)介紹了jquery仿京東側(cè)邊欄導(dǎo)航效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03