一。基本選擇器
1.$("#id") id選擇器，返回單個元素
2.$(".class") class選擇器，返回集合元素
3.$("element") 標籤element，返回集合元素
4.$("*") 所有元素*，改變所有html標籤元素，返回集合元素
5.$("selector,selector2……") 將每乙個選擇器匹配到的元素合併後一起返回，返回集合元素
二。層次選擇器
1.$("ancestor descendant") 後代元素選擇器，其中ancestor是指任何有效元素，descendant是其後代
2.$("parent>child") 子元素選擇器
注：子元素選擇器只能選擇到子元素，後代元素選擇器能選擇所有後代，子孫等
3.$("prev+next") 相鄰元素選擇器，next是prev元素相鄰的下乙個元素
4.$("prev~siblings") 兄弟選擇器，siblings是指prev元素後面的所有兄弟元素
在這裡寫幾個方法，可以與上面的方法交替使用：
1.jquery.parent() 找父元素
2.jquery.parents() 找到所有祖先元素，不只限於乙個父元素
3.jquery.children() 查詢所有子元素，只會找到直接的孩子節點，不會孫子
4.jquery.contents() 查詢下面的所有內容，包括節點和文字
5.jquery.prev() 查詢上乙個兄弟節點
6.jquery.prevall() 查詢之前的所有兄弟節點
7.jquery.next() 查詢下乙個兄弟節點
8.jquery.nextall() 查詢之後的所有兄弟節點
9.jquery.siblings() 查詢其餘的所有兄弟節點，部分前後
10.jquery.find(expr) 查詢其子孫後代中的元素節點
三。基本過濾選擇器
jquery選擇器的過濾規則與css中的偽類選擇器語法是相同的，都以":"開頭。
1. :first 選取第乙個元素，例如：$("e:first")。返回單個元素
2. :last 選取最後乙個元素，返回單個元素
3. :not(selector) 去除所有與給定選擇器匹配的元素，返回集合元素
4. :even 選取索引值為偶數的所有元素，其中索引值從0開始計算，返回集合元素
5. :odd 選取索引值為奇數的所有元素，返回集合元素
6. :eq(index) 選取索引值等於index的元素，其中index從0開始計算，返回集合元素
7. :gt(index) 選取索引值大於index的元素，其中index從0開始計算，返回集合元素
8. :lt(index) 選取索引值小於index的元素，其中index從0開始計算，返回集合元素
9. :header 選取頁面所有標題元素h1-h6，返回集合元素
10. :animated 選取當前正在執行動畫的所有元素
四。內容過濾選擇器
1. :contains(text) 選取含有文字內容為"text"的元素，返回集合元素
2. :empty 選取不含任何子元素或文字的空元素，返回集合元素
3. :has(selector) 選取含有選擇器所匹配的元素，返回集合元素
4. :parent 選取含有子元素或者文字的元素標籤，返回集合元素
Jquery 選擇器 簡單的選擇器
1.3簡單的偽類選擇器 你們好你們好 你們好你們好 你們好你們好 1.3.1特定位置選擇器 主要包括 first last，eq index 3中位置 p first css color blue 匹配第乙個p標籤 p eq 3 css background yellow 匹配第4個p標籤 p la...
JQuery選擇器 選擇器簡介
在開始學習jquery選擇器之前，有必要了解一下css 層疊樣式表 技術。css是一項出色的技術，它使得網頁的結構和表現樣式完全分離。利用css選擇器能夠輕鬆的對某個元素新增樣式而不改變html結構，只需通過新增不同的css規則，就可以得到各種不同樣式的網頁。常用的css選擇器分類如下表 選擇器語法...
Jquery選擇器 基本選擇器
jquery作為我們常用前端工具之一，實際專案中常用的的選擇器有id選擇器 id 元素選擇器 element 樣式選擇器 class 概述 根據給定的id匹配乙個元素。使用任何的元字元 如 作為名稱的文字部分，它必須被兩個反斜槓轉義 引數 id,用於搜尋的，通過元素的 id 屬性中給定的值。示例 查...