JQuery查詢標籤

2022-04-11 00:10:44 字數 3048 閱讀 7781

1id選擇器:

$("#id(名稱)")
$("#cent")

2標籤選擇器:

$("tabname(便簽名稱)")
$("a")

3class選擇器:

$(".class(class選擇器名稱)")
$(".b")

4配合使用:

$("標籤名稱.選擇器")  // 找到有c1 class類的div標籤
$("div.c")

5所有元素選擇器:

$("*")
6組合選擇器:

$("id選擇器, class選擇器, 標籤選擇器")

1 x的所有後代y(子子孫孫

$("選擇器1  選擇器2")
$("x y"); // 只要選擇器2

2 x的所有兒子y(兒子)

$("選擇器1 > 選擇器2")
$("x > y"); // 只要兒子

3 找到所有緊挨在x後面的y

$("選擇器1 + 選擇器2")
$("x + y");// (乙個)

4 x之後所有的兄弟y

$("選擇器1 ~ 選擇器2")
$("x ~ y");//(多個)

1 第乙個

:first
2 最後乙個

:last
3 索引等於index的那個元素

:eq(index)
4 匹配所有索引值為偶數的元素,從 0 開始計數

:even
5 匹配所有大於給定索引值的元素

:odd
6 匹配所有小於給定索引值的元素

:gt(index)
移除所有滿足not條件的標籤

:lt(index)
7 移除所有滿足not條件的標籤

:not(元素選擇器)
8 選取所有包含乙個或多個標籤在其內的標籤(指的是從後代元素找)

:has(元素選擇器)

$("tagname[attrbute]")

$("tagname[attrbute=name]")// 屬性等於

[attribute!=value]// 屬性不等於

$("input[type=text]")

$("input[type]")

$(":text") 

$(":password")

$(":file")

$(":radio")

$(":checkbox") // 找到所有的checkbox

$(":submit")

$(":reset")

$(":button")

表單物件屬性:

$(":enabled")

$(":disabled")

$(":checked")

$(":selected")

$("input:enabled")  // 找到可用的input標籤
北京市

上海市廣州市

深圳市$(":selected") // 找到所有被選中的option

$("#id").next() // 下乙個標籤

$("#id").nextall() // 標籤下面的全部

$("#id").nextuntil("#i2") // 兩者之間

$("#id").prev() // 上乙個標籤

$("#id").prevall() // 上乙個標籤全部

$("#id").prevuntil("#i2") // 兩者之間

3 父親元素:

$("#id").parent()

$("#id").parents() // 查詢當前元素的所有的父輩元素

$("#id").parentsuntil() // 查詢當前元素的所有的父輩元素,直到遇到匹配的那個元素為止。

4 兒子和兄弟元素:

$("#id").children();// 兒子們

$("#id").siblings();// 兄弟們

5 查詢

$("div").find("p") ===>等價於$("div p")
6 篩選

篩選出與指定表示式匹配的元素集合。這個方法用於縮小匹配的範圍。用逗號分隔多個表示式

$("div").filter(".c1")  ===> 等價於 $("div.c1")  // 從結果集中過濾出有c1樣式類的
7 補充

.first() // 獲取匹配的第乙個元素

.last() // 獲取匹配的最後乙個元素

.not() // 從匹配元素的集合中刪除與指定表示式匹配的元素

.has() // 保留包含特定後代的元素,去掉那些不含有指定後代的元素。

.eq() // 索引值等於指定值的元素

jQuery標籤選擇

符號 也可以直接寫成jquery id id class class tag div attr 具備屬性 name 多屬性 name age 屬性篩選 name godme 屬性過濾 name godme 不等 name godme 開頭 name godme 結尾 組合查詢 div,class,n...

jQuery標籤操作

標籤找到就可以進行對應的操作了 addclass cls 新增類 removeclass cls 移除類 attr attr value 有value表示設定,沒有則獲取 removeattr attr 移除指定屬性 hasclass cls 判斷是否包含類 toggleclass cls 有則移除...

Jquery常用標籤

this hide 1000 隱藏該元素 this show 1000 顯示該元素 this fadein 1000 淡入已隱藏的元素 this fadeout 1000 淡出已隱藏的元素 this toggle 1000 切換該元素的顯示或隱藏狀態 this fadetoggle 1000 淡出顯...