JQuery選擇過濾器

2021-06-22 15:57:02 字數 2549 閱讀 7367

jquery選擇器:

選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。

1.基本選擇器:

1>#id =>id選擇器

2>element =>標籤選擇器

3>.class =>類選擇器

4>* =>選擇所有元素

5>selector1,selector2 =>多條件選擇器(例如:$("div,span,.myclass")表示選擇了所有的div標籤,span標籤以及類樣式為myclass的元素)

2.層次選擇器:

1>selector1 selector2 =>獲取selector1下的所有selector2(例如:$("div span"),表示獲得div標籤下的所有span標籤(包括後代span))

2>selector1 > selector2 =>獲取selector1下的符合selector2的所有直接子元素(不包括後代元素)。($("div > span"))

3>selector1 + next =>匹配所有緊接在selector1後面的相鄰元素。等同於$(selector1).next();

4>selector1 ~ siblings =>匹配selector1後面的所有兄弟元素。等同於$(selector1).nextall();

5>$(selector1).siblings() =>獲取匹配selector1的所有兄弟元素。

3.表單選擇器:

1>:input獲得所有input、textarea、select標籤

2>:text獲得所有單行文字框

3>:password獲得所有密碼框

4>:radio獲得所有單選按鈕

5>:checkbox獲得所有核取方塊

6>:submit獲得所有的提交按鈕

7>:image獲得所有的域()

8>:reset獲得所有的重置按鈕

9>:button獲得所有的button

10>:file獲得所有的檔案域()

jquery過濾器:【選擇器與過濾器之間無需空格】

1>:first =>在已匹配的元素中獲取第乙個元素。等同於first()方法。

2>:last =>在已匹配的元素中獲取最後乙個元素。等同於last()方法。

3>:not(selector1) =>在已匹配的元素中,過濾掉符合selector1的元素。

4>:even =>在已匹配的元素中獲取所有索引為基數的元素。

5>:odd =>在已匹配的元素中獲取所有索引為偶數的元素。

6>:eq(index) =>在已匹配的元素中獲取指定索引的元素。索引從0開始。

7>:gt(index) =>在已匹配的元素中獲取索引大於index的元素。索引從0開始。

8>:lt(index) =>在已匹配的元素中獲取索引小於index的元素。索引從0開始。

9>:header =>獲取所有標題型別元素。例如:h1、h2、h3......

10>:animated =>獲取正在執行動畫效果的元素。(*)

11>:contains('text') =>獲取包含指定文字的元素

12>:empty =>獲取所有不包含子元素和文字的元素。(獲取所有空元素)

13>:has(selector1) =>獲取所有包含符合selector1選擇器的元素。

14>:parent =>獲取所有是"父元素"的元素(是"父元素"表示包含子元素或文字)。

********************==屬性過濾器***********************************

15>[attr] =>表示獲取所有帶名為"attr"屬性的元素。例如:$("[class]"),表示獲取所有帶class屬性的元素。

16>[attr=val] =>表示獲取所有屬性attr為val的元素。例如:$("[class=myclass]"),表示獲取所有應用了myclass類的元素。

17>[attr!=val] =>獲取所有屬性attr不等於val的元素。

18>[attr^=val] =>獲取所有屬性attr以val開頭的元素。

19>[attr$=val] =>獲取所有屬性attr以val結尾的元素。(正規表示式^開頭,$結尾。)

20>[attr*=val] =>獲取所有屬性attr包含val的元素。

21>[selector1][selector2] =>滿足多個條件的符合屬性過濾器

*************************=表單物件屬性過濾器******************************

22>:enabled =>獲取表單中所有屬性為可用的元素。

23>:disabled =>獲取表單中所有屬性為不可用的元素。(灰色的)

24>:checked =>獲取表單中所有被選中的元素。

25>:selected =>獲取表單中所有被選中的option元素。

*************************=可見性過濾器*************************====

26>:hidden =>獲取所有不可見元素,或者type為hidden的元素。(例如:display:none)

27>:visible =>獲取所有可見元素。

JQuery 選擇 過濾器

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,以運用多種的選擇方式...

jQuery選擇器 過濾器

jquery選擇器 選擇器與選擇器之間要加空格,選擇器與過濾器之間不需要加空格。1.基本選擇器 1 id id選擇器 2 element 標籤選擇器 3 class 類選擇器 4 選擇所有元素 5 selector1,selector2 多條件選擇器 例如 div,span,myclass 表示選擇...

jQuery選擇器過濾器

id 根據給定的id匹配元素 test 選取id為test的元素 class 根據類名匹配元素 test 選取所有class為test的元素 elemet 根據給定的元素名匹配元素 p 選取所有的p元素 匹配所有元素 選取所有的元素 seceltor1,seceltor2.將每乙個選擇器匹配到的元素...