jQuery中:contains選擇器用法實例_jquery

本文實例講述了jQuery中contains選擇器用法。分享給大家供大家參考。具體分析如下：

此選擇器符合包含給定文字的元素。
文法:

複製程式碼 程式碼如下:

$(":contains(text)")

此選擇器一般也要和其他選擇器搭配使用，例如類別選擇器和元素選擇器等等。例如:

複製程式碼

複製程式碼

程式碼如下:

$("li:contains('html')").css("color ","blue")

以上程式碼將文字中包含"html"的li元素中的字體顏色設定為藍色。

如果不和其他選擇器配合使用，則預設狀態是和*選擇器一起使用，例如$(":contains")等同於$("*:contains")。

参数	描述
text	一个用以查找的字符串。

參數列表:

實例碼:

實例一:

複製程式碼 程式碼如下:

 
• html專區

 
• div css專區

 
• Jquery專區

 
• Javascript專區

 
• html5專區

點選查看效果

以上程式碼能夠將包含「html」的li元素中的文字顏色設定為藍色。

實例二:

複製程式碼 程式碼如下:

 
• html專區

 
• div css專區

 
• Jquery專區

 
• Javascript專區

 
• html5專區

腳本之家

點選查看效果

由於上述程式碼並未指定與:even選擇器相符使用的選擇器，所以就預設和*選擇器搭配使用。

希望本文所述對大家的jQuery程式設計有所幫助。