jQuary基礎選擇器
$("div*")獲取div下面的所有元素
$(".red,.green").html("怎麼") // 需要注意的是要把兩個選擇前寫在同一個引號內 (需要同時選擇多個選擇器的時候用)
$("ance desc") //ancestor祖先選擇器 descendant子孫選擇器
$(“parent > child”) //只包含子輩選擇器 不包含孫輩選擇器
$(“prev + next”) // "+"表示一種上下級的關系,prev元素最緊鄰的下一個元素是next,選擇器返回的並且只返回唯一的元素
$("p+label").css("background-color","red"); 給緊鄰著的鄰居加個背景顏色
$(“prev ~siblings”) //獲取prev後面所有的相鄰元素(相鄰只包含同一個父級元素內的)
jQuary的過濾性選擇器
:first $(“li:first”)獲得一組相同標簽中的第一個元素 是一個元素不是一個集合
:last 最後一個元素
:eq(index) 按照索引查找元素
$("li:eq(2)") 索引從零開始 獲取li標簽中的第三個元素
:contains(text) 按照內容查找元素
$(“li:contains('張三')”) 獲取到內容包含張三的所有li元素 張三為什麼必須加單引號呢?因為它是一個字符串,而不是一個變量,所以不加單或雙引號的話是會報錯的。
:has(slector) 按照元素獲取
$("li:has('p')")獲取了包含<p>元素的全部<li>元素
:hidden 獲取全部不可見的元素,這些不可見的元素中包括type屬性值為hidden的元素。$("li:hidden")獲取li 下面所有display:none的元素或者是hidden的元素
:visible 獲取的是全部可見的元素,只要不將元素的display屬性值設置為“none”,都可以通過該選擇器獲取。
$("p:visible")獲取可見的<p>元素
[attribute=value] 獲取屬性名等於屬性值的元素
$("li[title='小超人']") 加了li是確定了范圍如果不加li則選擇的是全部的
[attribute!=value] 獲取屬性名不等於屬性值的元素
[attribute*=value] 獲取屬性值中包含指定內容的全部元素
$("li[title*='新']")獲取了屬性值中包含“新”的li元素
:first-child 獲取每個父元素中返回的首個子元素,它是一個集合,常用多個集合數據的選擇處理。
$("li:first-child")獲取了所有個<ul>父元素中的第一個<li>元素
:last-child 獲取父元素總的最後一個子元素 常用多個集合數據的選擇處理
表單選擇器
:input 獲取表單全部元素 返回全部的表單元素,不僅包括所有<input>標記的表單元素,而且還包括<textarea>、<select> 和
<button>標記的表單元素,它選擇的表單元素是最廣的
:text 獲取表單中全部單行的文本輸入框 對textarea不起作用
:password 獲取表單中全部的密碼輸入文本框元素
:radio 獲取表單中的全部單選按鈕元素。
:checkbox 獲取表單中的復選框元素。()
:submit 獲取表單中的提交按鈕元素。(一般一個表單中只有一個type屬性是“submit”的按鈕) 如果button沒有定義會默認是
submit的提交按鈕
:image 獲取當“input元素的type屬性是image時,這個元素就是一個圖像域”這個類下的元素
:image 選擇器只能獲取<input>圖像域,而不能獲取<img>格式的圖像元素
:button 選擇器能獲取且只能獲取“type”屬性值為“button”的<input>和<button>這兩類普通按鈕元素。
:checked 獲取處於選中狀態的全部元素。
:selected 只能獲取<select>下拉列表框中全部處於選中狀態的<option>選項元素。
以上這篇對jQuary選擇器的全面總結就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。