jQuery的篩選器

2021-10-03 11:01:38 字數 1483 閱讀 9159

首先了解一下 jquery

+ 是乙個前端類庫(方法庫, 工具庫)

+ 有人把 js 裡面各種 dom 操作都給你封裝好了

=> 獲取 dom 元素

=> 操作元素的 類名

=> 操作元素的 屬性

=> 操作元素的 樣式

=> 元素 動畫

+ jquery 是乙個類庫(方法庫)

=> jquery 裡面 95% 以上都是方法

=> 使用的時候, 別忘了寫 ()

jquery 的使用

1. first()

=> 篩選出來乙個元素集合裡面的第乙個

2. last()

=> 篩選出來乙個元素集合裡面的最後乙個

3. eq(n)

=> 篩選出來乙個元素集合裡面的索引為 n 的那乙個

4. next()

=> 篩選出元素的下一兄弟元素

5. nextall()

=> 篩選出元素的後面的所有兄弟元素

=> nextall(選擇器)

=> 拿到下面所有兄弟元素中符合選擇器要求的元素

6. nextuntil(選擇器)

=> 篩選出元素後面所有的兄弟元素直到選擇器元素為止

7. prev()

=> 篩選出元素的上乙個兄弟元素

8. prevall()

=> 篩選出元素的上面所有兄弟元素

=> prevall(選擇器)

=> 拿到上面所有兄弟元素中符合選擇器條件的

9. prevuntil(選擇器)

=> 篩選出元素上面的所有兄弟元素直到選擇器元素為止

10. parent()

=> 篩選出元素的父元素

11. parents()

=> 篩選出元素的所有祖先元素, 直到 html 元素為止

=> parents(選擇器)

=> 找到所有祖先元素中滿足選擇器的那乙個

12. parentsuntil(選擇器)

=> 篩選出元素的所有祖先元素, 直到 選擇器 元素為止

13. children()

=> 篩選出元素所有的子級元素

=> children(選擇器)

=> 篩選出所有子元素裡面符合選擇器條件的元素

14. siblings()

=> 篩選出所有的兄弟元素

=> 自己不算

=> siblings(選擇器)

=> 拿到所有兄弟元素中滿足選擇器要求的元素

15. find(選擇器)

=> 乙個是在元素集合裡面查詢 ?

=> 乙個是在所有子元素裡面查詢

-> 只要後代元素裡面有就可以, 就能找得到

16. index()

=> 獲取到元素的索引位置

=> 不是元素集合裡面的第幾個

=> 找到他是該父元素下的第幾個元素

=> 拿到的是乙個數字

jQuery的篩選器

1 li 2 li 3 li 4 li li5 5 li 6 li 7 li 8 li ul jquery.min.js script 什麼是jquery的篩選器 在通過選擇器,獲取到標籤物件的基礎上,再來進行篩選,選擇出符合條件的標籤物件 篩選器一定是在選擇器的基礎上使用 為了鏈式程式設計方便 篩...

jQuery基本篩選器

jquery基本篩選器,是js中沒有的乙個功能。可以批量選 擇或在一批元素中特定選擇乙個元素,一般與選擇器配合使用,非常方便。first 選擇符合條件的元素中的第乙個元素。html div div div jquery 選中第乙個div div first text 第乙個div last 選中符合...

jquery篩選器方法

篩選方法可以進行鏈式篩選 li first 元素集合中的第乙個 li last 元素集合中的最後乙個 div next div的下乙個兄弟元素 div prev div的上乙個兄弟元素 div nextall div後面的所有兄弟元素 div prevall div前面的所有兄弟元素 div par...