jQuery復合選擇器

2021-08-28 01:59:46 字數 829 閱讀 7043

一 介紹

復合選擇器將多個選擇器(可以是id選擇器、元素選擇或是類名選擇器)組合在一起,兩個選擇器之間以逗號「,」分隔,只要符合其中的任何乙個篩選條件就會被匹配,返回的是乙個集合形式的jquery包裝集,利用jquery索引器可以取得集合中的jquery物件。

多種匹配條件的選擇器並不是匹配同時滿足這幾個選擇器的匹配條件的元素,而是將每個選擇器匹配的元素合併後一起返回。

復合選擇器的使用方法如下:

$(" selector1,selector2,selectorn");

selector1:為乙個有效的選擇器,可以是id選擇器、無素選擇器或是類名選擇器等。

selector2:為另乙個有效的選擇器,可以是id選擇器、無素選擇器或是類名選擇器等。

selectorn:(可選擇)為任意多個選擇器,可以是id選擇器、無素選擇器或是類名選擇器等。

例如,要查詢文件中的全部的標記和使用css類myclass的標記,可以使用下面的jquery**:

$("span,div.myclass");

二 應用

在頁面新增3種不同元素並統一設定樣式。使用復合選擇器篩選元素和id屬性值為span的元素,並為它們新增新的樣式。

三 **

p元素

div元素

id為span的元素

四 執行效果

復合選擇器

假如有下面這麼乙個例子 lang en charset utf 8 後代選擇器title head 開心p 快樂p div 樂觀p body html 我們希望將開心和快樂變成紅色,而不影響樂觀,即將div 標籤下的p標籤設定為紅色,但不是所有的p標籤設定為紅色,所以不能這麼寫 p 也許你們可能會寫...

復合選擇器

復合選擇器 復合選擇器是由兩個或多個基礎選擇器,通過不同的方式組合而成的,目的是為了可以選擇更準胡更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成,其中第乙個為標籤選擇器,第二個為class選擇器,兩個選擇器之間不能有空格,如h3.special。用的相對來說比較少,不太建議使用。並集選...

復合選擇器

復合選擇器 交集選擇器 連線無空格 pdiv 並集選擇器 連線逗號 p,div 後代元素選擇器 連線空格 p div 子代元素選擇器 連線大於號 p div 相鄰元素選擇器 連線加號 p div 兄弟元素選擇器 連線波浪號 p div 樣式 style 外邊距 上 右 下 左 margin 0 內邊...