jQuery內(nèi)容過濾選擇器用法分析
更新時(shí)間：2015年02月10日 11:32:27 作者：woshisap
這篇文章主要介紹了jQuery內(nèi)容過濾選擇器用法,實(shí)例分析了:contains()、:has()、:empty()、:parent等內(nèi)容過濾選擇器的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery內(nèi)容過濾選擇器用法。分享給大家供大家參考。具體分析如下：
在HTML文檔中，元素的內(nèi)容可以是文本或者子元素，如果將某個(gè)選擇器或者內(nèi)容過濾選擇器一起使用，就可以從查詢到的元素中進(jìn)一步篩選出具有給定
文本或者子元素的元素
1. :contains()選擇器
用于選擇包含給定文本的所有元素，格式：
復(fù)制代碼 代碼如下:
$("selector1:contains(text)")
如:
復(fù)制代碼 代碼如下:
$("p:contains('text')").css("background", "#FCF");
2. :has()選擇器
用于篩選含有給定子元素的元素，格式：
復(fù)制代碼 代碼如下:
$("selector1:has(selector2)")
selector1和selector2均為任意有效的元素
如:
復(fù)制代碼 代碼如下:
$("li:has(p)").css("background", "red");
3. :empty()選擇器
格式：
復(fù)制代碼 代碼如下:
$("selector:empty")
用于選擇不包含子元素或者文本的所有元素，selector中所有不包含子元素或者文本的空元素都將包含在查詢結(jié)果中
如：
復(fù)制代碼 代碼如下:
$("td:empty").css("background", "#FCF");
4. :parent選擇器
格式：
復(fù)制代碼 代碼如下:
$("selector:parent")
用于選擇包含子元素或者文本的元素，與empty選擇器的作用相反
如：
復(fù)制代碼 代碼如下:
$("td:parent").css("background", "#FCF");
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery簡(jiǎn)單插件制作(fn.extend)完整實(shí)例
這篇文章主要介紹了jquery簡(jiǎn)單插件制作(fn.extend)方法,結(jié)合完整實(shí)例形式分析了jQuery fn.extend擴(kuò)展插件的實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-05-05
簡(jiǎn)單的jquery左側(cè)導(dǎo)航欄和頁面選中效果
這篇文章主要介紹一個(gè)簡(jiǎn)單的jquery左側(cè)導(dǎo)航欄和頁面選中效果,此功能需引用jquery，需要的朋友可以參考下2014-08-08
這篇文章主要介紹了jQuery中的子元素過濾選擇器,列舉了一些操作DOM時(shí)獲取父元素的一些方法,需要的朋友可以參考下2016-04-04
本文重點(diǎn)給大家介紹了jQuery中的2個(gè)函數(shù)hover和toggle的使用方法和示例，非常的簡(jiǎn)單實(shí)用，推薦給小伙伴們參考下。2015-02-02
jQuery對(duì)象數(shù)據(jù)緩存Cache原理及jQuery.data方法區(qū)別介紹
jQuery.data(..)來實(shí)現(xiàn)數(shù)據(jù)緩存，但有兩個(gè)用戶經(jīng)常使用的data([key],[value])和jQuery.data(element,[key],[value])，接下來為大家介紹下他們的區(qū)別，感興趣的朋友可以參考下哈2013-04-04
JQuery實(shí)現(xiàn)自定義滾動(dòng)條的方法
這篇文章主要給大家介紹了關(guān)于JQuery實(shí)現(xiàn)自定義滾動(dòng)條的方法,通過本文的介紹你可以換掉千篇一律的默認(rèn)滾動(dòng)條,讓你的網(wǎng)站或web項(xiàng)目更具特色,文章通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
jquery代碼實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)圖片瀑布流效果
瀑布流布局最近真的很流行，很多人都跟我一樣想知道是怎么做出來的吧，經(jīng)過網(wǎng)上搜索大量的參考結(jié)合N邊的實(shí)驗(yàn)今天終于被我寫出來了,這里分享給大家，有需要的小伙伴參考下吧。2015-04-04
這篇文章主要介紹了jquery隊(duì)列函數(shù)用法,以實(shí)例形式分析了jQuery中隊(duì)列的用法以及控制樣式的技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
使用jquery讀取html5 localstorage的值的方法
在HTML 5中，localstorage是個(gè)不錯(cuò)的東西，在支持localstorage的瀏覽器中， 能持久化用戶表單的輸入，即使關(guān)掉瀏覽器，下次重新打開瀏覽器訪問，也能讀出其值,很不錯(cuò)的一個(gè)東西，接下來實(shí)例介紹，需要的朋友可以參考下2013-01-01
jquery鼠標(biāo)滑過提示title具體實(shí)現(xiàn)代碼
這篇文章介紹了jquery鼠標(biāo)滑過提示title具體實(shí)現(xiàn)代碼，有需要的朋友可以參考一下2013-08-08