前端 jQurey的選擇器

通過元素id、.class和標籤名等來查詢dom元素。

通過dom之間的層次關係，如後代元素、子元素、相鄰元素和同輩元素等來獲取特定元素。

1）改變中所有的背景色:$("body div").css("background","#bbffaa");

2）改變內子的背景色:$("body>div").css("background","#bbffaa");
3）改變class為one的下乙個同輩元素背景色：$(「.one+div").css("background","#bbffaa");或$(「.one」).next("div").css("background","#bbffaa");
4）改變id為two的元素後面的所有同輩元素背景色：$(「#two~div").css("background","#bbffaa");或$(「#two」).nextall("div").css("background","#bbffaa");

(1)基本過濾選擇器

1）改變第乙個元素的背景色：$("div：first").css("background","#bbffaa");

2）改變最後乙個元素的背景色：$("div：last").css("background","#bbffaa");

3）改變class不為one的元素的背景色：$("div：not(.one)").css("background","#bbffaa");

4）改變索引值為偶數的元素的背景色：$("div：even").css("background","#bbffaa");

5）改變索引值為奇數的元素的背景色：$("div：odd").css("background","#bbffaa");

6）改變索引值等於3的元素的背景色：$("div：eq(3)").css("background","#bbffaa");

7）改變索引值大於3的元素的背景色：$("div：gt(3)").css("background","#bbffaa");

8）改變索引值小於3的元素的背景色：$("div：lt(3)").css("background","#bbffaa");

9）改變所有的標題元素，如,

JQurey 常用選擇器

contains text 匹配包含給定文字的元素 empty 匹配所有不包含子元素或者文字的空元素 has selector 匹配含有選擇器所匹配元素的元素 parent 選取含有子元素或者文字的元素 hidden 選取所有不可見的元素 visible 選取所有可見的元素 attribute 選取...

jqurey過濾選擇器詳解

內容提要 子元素過濾選擇器的過濾規則相對於其它的選擇器稍微有些複雜，不過沒關係，只要將元素的父元素和子元素區分清楚，那麼使用起來也非常簡單。另外還要注意它與普通的過濾選擇器的區別 4 屬性過濾選擇器 屬性過濾選擇器的過濾規則是通過元素的屬性來獲取相應的元素。屬性過濾選擇器的介紹說明如下表所示。選擇器...

前端選擇器

獲取第乙個元素 ul li first ul li eq 0 ul li first 獲取最後乙個 ul li last div ul eq 1 div ul eq 2 ul li first child css backgroundcolor 000 input name fruit eq 0 a...