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

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

此選擇器符合含有選擇器所符合的元素的元素。

語法結構:

複製程式碼 程式碼如下:

$(":has(selector)")

關於此選擇器的定義可能有點拗口，通俗的講就是如果一個元素含有selector(選擇器)所匹配的元素，那麼此元素將被匹配。例如:

複製程式碼

程式碼如下:

$("div:has(p)")

以上選擇器將符合含有p元素的div元素。 此選擇器一般也要和其他選擇器搭配使用，例如類別選擇器和元素選擇器等等
。例如:

複製程式碼

程式碼如下:

$("div:has(p)").css("color", "blue")

以上程式碼將含有p元素的div元素中的字體顏色設定為藍色。 如果不和其他選擇器配合使用，則預設狀態是和*選擇器一起使用，例如$(":has")等同於$("*:has")。

參數列表:

参数	描述
selector	一个用于筛选的选择器。

實例碼:

實例一:

複製程式碼 程式碼如下:

我不含span

我是span

點選查看效果

以上程式碼能夠將包含span元素的div的邊框顏色設定為紅色。

實例二:

複製程式碼 程式碼如下:

我不含span

我是span

我是span

點選查看效果

由於以上程式碼並沒有指定與:has選擇器相配合使用的選擇器，所以就預設和*選擇器配合使用，所以能夠以上程式碼能夠將所有含所有span元素的元素的邊框顏色設為紅色。

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