欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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");

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

相關(guān)文章

最新評論