1. jQuery
1. 選擇器 $("")
1. 基本選擇器
1. ID --> $("#d1")
2. 標簽名 --> $("p")
3. class名 --> $(".C1")
4. 通用的 --> $("*")
5. 組合 --> $(".c1,div,a")

2. 層級選擇器
1. 子子孫孫 --> $("x y")
2. 兒子選擇器 --> $("x>y")
3. 弟弟選擇器 --> $("x~y")
4. 毗鄰選擇器 --> $("label+input")

2. 篩選器
1. 基本篩選器
1. :first
2. :last
3. :eq() --> 從0開始
4. :even --> 偶數
5. :odd --> 奇數
6. :gt
7. :lt

8. :not --> $("div:not(.c1)")
9. :has --> $("div:has(.c1)")

2. 屬性選擇器
1. $("[title]")
2. $("[type='text']")
3. $("[type!='text']")

3. 表單選擇器
1. $(":checkbox") --> $("input[type='checkbox']")
2. $(":text")

...
4. 表單對象
1. $(":disabled") --> 找到不可用的標簽

...
5. 篩選器方法(只是應用場景和上面的基本篩選器不同而已)
1. $("div").first()
2. ...
6. 常用的方法
1. .next() --> 找到挨著我的下一個同級標簽
2. .nextAll() --> 下邊同級的所有
3. .nextUntil()--> 往下找,直到找到終止條件為止

4. .prev()
5. .prevAll()
6. .prevUntil()

7. .siblings() --> 找所有的兄弟(前面的后面的都能找到)
8. .children()

9. .parent()
10. .parents()
11. .parentsUntil()

12. .find(各種條件都可以寫)

3. 樣式操作
1. 操作class類
1. .addClass()
2. .removeClass()
3. .hasClass()
4. .toggleClass()

轉載于:https://www.cnblogs.com/huge-666/p/9782634.html

總結

以上是生活随笔為你收集整理的jQuery 选择器和筛选器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。