jQuary基礎(chǔ)選擇器

$("div*")獲取div下面的所有元素

$(".red,.green").html("怎么") // 需要注意的是要把兩個(gè)選擇前寫在同一個(gè)引號(hào)內(nèi) （需要同時(shí)選擇多個(gè)選擇器的時(shí)候用）

$("ance desc") //ancestor祖先選擇器 descendant子孫選擇器

$(“parent > child”) //只包含子輩選擇器 不包含孫輩選擇器

$(“prev + next”) // "+"表示一種上下級(jí)的關(guān)系，prev元素最緊鄰的下一個(gè)元素是next，選擇器返回的并且只返回唯一的元素 

$("p+label").css("background-color","red"); 給緊鄰著的鄰居加個(gè)背景顏色

$(“prev ~siblings”) //獲取prev后面所有的相鄰元素（相鄰只包含同一個(gè)父級(jí)元素內(nèi)的）

jQuary的過濾性選擇器

:first $(“l(fā)i:first”)獲得一組相同標(biāo)簽中的第一個(gè)元素 是一個(gè)元素不是一個(gè)集合

:last 最后一個(gè)元素

:eq(index) 按照索引查找元素 

$("li:eq(2)") 索引從零開始 獲取li標(biāo)簽中的第三個(gè)元素

:contains(text) 按照內(nèi)容查找元素 

$(“l(fā)i:contains('張三')”） 獲取到內(nèi)容包含張三的所有l(wèi)i元素 張三為什么必須加單引號(hào)呢？因?yàn)樗且粋€(gè)字符串，而不是一個(gè)變量，所以不加單或雙引號(hào)的話是會(huì)報(bào)錯(cuò)的。

:has(slector) 按照元素獲取 

$("li:has('p')")獲取了包含<p>元素的全部<li>元素

:hidden 獲取全部不可見的元素，這些不可見的元素中包括type屬性值為hidden的元素。$("li:hidden")獲取li 下面所有display：none的元素或者是hidden的元素

:visible 獲取的是全部可見的元素,只要不將元素的display屬性值設(shè)置為“none”，都可以通過該選擇器獲取。 

$("p:visible")獲取可見的<p>元素

[attribute=value] 獲取屬性名等于屬性值的元素 

$("li[title='小超人']") 加了li是確定了范圍如果不加li則選擇的是全部的

[attribute!=value] 獲取屬性名不等于屬性值的元素

[attribute*=value] 獲取屬性值中包含指定內(nèi)容的全部元素

$("li[title*='新']")獲取了屬性值中包含“新”的li元素

:first-child 獲取每個(gè)父元素中返回的首個(gè)子元素，它是一個(gè)集合，常用多個(gè)集合數(shù)據(jù)的選擇處理。

$("li:first-child")獲取了所有個(gè)<ul>父元素中的第一個(gè)<li>元素

:last-child 獲取父元素總的最后一個(gè)子元素 常用多個(gè)集合數(shù)據(jù)的選擇處理

表單選擇器

:input 獲取表單全部元素 返回全部的表單元素，不僅包括所有<input>標(biāo)記的表單元素，而且還包括<textarea>、<select> 和

<button>標(biāo)記的表單元素,它選擇的表單元素是最廣的

:text 獲取表單中全部單行的文本輸入框 對(duì)textarea不起作用

:password 獲取表單中全部的密碼輸入文本框元素

:radio 獲取表單中的全部單選按鈕元素。

:checkbox 獲取表單中的復(fù)選框元素。（）

:submit 獲取表單中的提交按鈕元素。（一般一個(gè)表單中只有一個(gè)type屬性是“submit”的按鈕） 如果button沒有定義會(huì)默認(rèn)是

submit的提交按鈕

:image 獲取當(dāng)“input元素的type屬性是image時(shí)，這個(gè)元素就是一個(gè)圖像域”這個(gè)類下的元素

:image 選擇器只能獲取<input>圖像域，而不能獲取<img>格式的圖像元素

:button 選擇器能獲取且只能獲取“type”屬性值為“button”的<input>和<button>這兩類普通按鈕元素。

:checked 獲取處于選中狀態(tài)的全部元素。

:selected 只能獲取<select>下拉列表框中全部處于選中狀態(tài)的<option>選項(xiàng)元素。

以上這篇對(duì)jQuary選擇器的全面總結(jié)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論