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 中傳遞 同樣可以獲取到 不難發現...