快捷導(dǎo)航

讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法

更新時(shí)間：2011年07月10日 23:42:55 作者：

用Jquery去操作HTML元素很方便，能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選，以下用到的一些，整理了一下，還有很多有趣的用法，后續(xù)會繼續(xù)添加。

語法說明：
E -- 元素
att -- 屬性
val -- 屬性值

E:first-child
E:last-child

匹配文檔中具有att屬性的E元素
語法: E[att]

匹配文檔中具有att屬性且其值為val的E元素
語法: E[att=val]

匹配文檔中具有att屬性且其中一個(gè)值（多個(gè)值使用空格分隔）為val(val不能包含空格)的E元素
語法: E[att~=val]

匹配文檔中具有att屬性且其中一個(gè)值為val，或者以val開頭緊隨其后的是連字符的E元素
語法: E[att|=val]

匹配文檔中具有att屬性且其值的前綴為val的E元素
語法: E[att^=val]

匹配文檔中具有att屬性且其值的后綴為val的E元素
語法: E[att$=val]

匹配文檔中具有att屬性且其包含val的E元素
語法: E[att*=val]

您可能感興趣的文章:

篩選

相關(guān)文章

jQuery實(shí)現(xiàn)鼠標(biāo)懸停3d菜單展開動畫效果
本文主要介紹了jQuery鼠標(biāo)懸停3d菜單展開動畫效果的示例代碼，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
jQuery向后臺傳入json格式數(shù)據(jù)的方法
這篇文章主要介紹了jQuery向后臺傳入json格式數(shù)據(jù)的方法,實(shí)例分析了傳遞json格式數(shù)據(jù)的原理與具體實(shí)現(xiàn)技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
jquery 簡單的進(jìn)度條實(shí)現(xiàn)代碼
jquery其實(shí)是有個(gè)進(jìn)度條插件的，叫做jqueryprogressbar.js，可是想練習(xí)一下，就沒有用，自己寫了點(diǎn)代碼。這個(gè)代碼其實(shí)是參考別人的，因?yàn)樽约旱腏S基礎(chǔ)不是很好。
2010-03-03
jQuery復(fù)制表單元素附源碼分享效果演示
當(dāng)我們遇到提交表單時(shí)，需要我們重復(fù)添加好幾個(gè)表單，在訂單表格中添加多個(gè)不同型號的產(chǎn)品信息。這個(gè)時(shí)候有復(fù)制表單表單按鈕，也就是新增一項(xiàng)，通過點(diǎn)擊復(fù)制按鈕來實(shí)現(xiàn)新增一項(xiàng)，怎么實(shí)現(xiàn)的呢？下面小編跟大家分享，需要的朋友的朋友可以參考下
2015-09-09
jQuery之動畫效果大全
本篇文章主要介紹了jQuery之動畫效果，詳細(xì)的介紹了各種動畫特效的用法，有需要的可以了解一下。
2016-11-11
jquery圖形密碼實(shí)現(xiàn)方法
這篇文章主要介紹了jquery圖形密碼實(shí)現(xiàn)方法,涉及jQuery操作圖形特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
關(guān)于hashchangebroker和statehashable的補(bǔ)充文檔
我覺得之前寫的兩篇隨筆有點(diǎn)不負(fù)責(zé)任，完全沒寫明白，補(bǔ)充了一份文檔（權(quán)且算是文檔吧=.=）
2011-08-08
jquery按回車提交數(shù)據(jù)的代碼示例
jquery按回車提交數(shù)據(jù)的代碼示例，很簡單的一個(gè)方法，看一下就明白
2013-11-11
jQuery彈出下拉列表插件（實(shí)現(xiàn)kindeditor的@功能）
這篇文章主要介紹了jQuery彈出下拉列表插件（實(shí)現(xiàn)kindeditor的@功能）的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
jquery 頁面全選框?qū)嵺`代碼
頁面中經(jīng)常遇到與全選相關(guān)的操作，利用jquery集成了一下，主要為了方便使用吧～
2010-04-04