jQuery jQuery選擇器彙總

2021-08-10 09:44:23 字數 1574 閱讀 8695

2.

jquery基本選擇器:

id選擇器(#)  類選擇器(.) 元素選擇器(元素名) 萬用字元選擇器(*) 

並集選擇器(e,e)  交集選擇器(e.e)

例如:var div = $(「#div1」);

3.層級選擇器

後代選擇器:var spans = $("div p");

子代選擇器:var span = $("div>span");

相鄰兄弟選擇器:var result = $("#p1 + p");

兄弟選擇器:var result = $("#p1~p");

4.基本偽類選擇器:

frist:返回第乙個元素

last:返回最後乙個元素

not:去除所有與給定選擇器匹配的元素

even: 返回索引為偶數的元素

odd: 返回索引值為奇數的元素

eq:返回指定索引的元素

gt:返回所有索引值大於某個指定元素

lt:返回所有索引值小於某個指定元素

header:返回所有標題標籤

animated:匹配所有正在執行動畫效果的元素

例如:var li1 = $("li:first");

5.內容選擇器:

contains:返回包含指定內容的元素(區分大小寫)

has:返回包含指定元素的元素

parent:返回包含子元素或有內容的元素

empty:返回乙個沒有內容也沒有子元素的元素

6.可見性選擇器:

div:隱藏的兩種方法:

1.display :none

2.hidden :hidden

這兩種方法都可以通過show()和hide()進行展示和隱藏

input框的隱藏方法:

1.display:none  可任意通過show()和display:block進行顯示

2.type:hidden    只能通過prop方法來修改屬性  prop(「type」,「text」)

type:hidden的元素空間還在

7.屬性選擇器:

[attr]:包含某個屬性的元素

[attr=value]:用與返回屬性等於某個值的元素

[attr!=value]:用與返回屬性不等於某個值的元素

attr^=value]:匹配給定的屬性是以某些值開始的元素

attr$=value]:匹配給定的屬性是以某些值開始的元素

attr*=value]:匹配給定的屬性是以某些值開始的元素

only-child:如果某個元素是父元素中唯一的子元素,那將會被匹配 

例如: $("[id = demo1]").css();

8.表單選擇器:text  password  radio checkbox submit reset image button file hidden

例如: $(":password").val(123456);

9.表單物件:

disabled:返回所有被禁用的元素

enabled:返回所有可操作的元素

checked:返回所有被選中的選擇框

selected:返回所有被選中的下拉框

jQuery jQuery常用選擇器

注意 jquery是乙個集合,所有很多時候返回值也是乙個集合 常用選擇器 所有元素 id id選擇器 class 類選擇器 tagname 標籤選擇器 id1,class,tagname 多條件選擇 first 乙個 last 最後乙個 eq index 下標為index not selector ...

《鋒利的jQuery》 jQuery基本選擇器

jquery選擇器分為基本選擇器 層次選擇器 過濾選擇器和表單選擇器。新建乙個擁有多個div的html文件,id為one,class為one的div class為mini id為two,class為one,title為test的div.class為mini,title為other class為min...

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...