jquery屬性選擇器詳解

2022-09-16 06:42:09 字數 2228 閱讀 3208

第一種根據屬性選擇e[attr]$("[title]").click()..........

即選擇所有元素內 屬性帶有title的元素 即 li-1

li-2

li-1

li-2

$("div[title]").click()..........

選擇所有div標籤下的所有帶title的元素 即 li-1

li-2

第二種根據屬性值選擇e[@attr=val]

$("div[title='ttt']").click()................

選擇div下所有title屬性等於ttt的元素 即 li-1

如果是 $("[title='ttt']").click()................

所有元素下屬性title等於ttt的元素 li-1

li-1

第三種根據屬性值開始字母選擇e[attr^=val]

$("div[title^='t']").click()................

所有div元素下所有屬性title值是以t為開頭的元素

第三種根據屬性值開始字母選擇e[@attr$=val]$("div[title$='t']").click()................

所有div元素下所有屬性title值是以t為結尾的元素

第三種根據屬性值包含字母選擇e[@attr*=val]$("div[title*='t']").click()................

所有div元素下所有屬性title值是包含t的所有元素

第三種根據多個屬性選擇e[attr=val][attr=val]

$("div[title='ttt'][class='aaaa']").click()................

所有div元素下所有屬性title值是等於ttt並且屬性class等於aaaa的元素

下面還有一些:

1 :first :last

$('div:first'); $('div:last'); 獲取所有div元素的第乙個元素和最後乙個元素

2 :even :odd:

$('div:even'); 匹配所有div物件中的偶數元素 $('div:odd'): 匹配所有div物件中的奇數元素 這個首先想到在設定列表的樣式時會用上,還會有很多地方會用到的.

3 eq(index)

$('div:eq(2)') 匹配第二個div物件 這個引數是數字,所以在獲取某些物件時也比較靈活.

4 :gt(index) :lt(index)

$('div:gt(1)') 匹配小於下標的所有元素 $('div:lt(2)') 匹配大於下標的所有元素

5 :contains(text)

$('div:contains("txt")'); 匹配內部包含有文字txt元素的物件

6 :empty

$('div:empty') 匹配所有沒有子元素的物件

7 has(selector)

$('div:has("#abc")') 返回含有#abc子元素的div物件

8 :hidden :visible

$('div:hidden') 匹配所有隱藏物件 $('div:visible') 匹配所有可見的物件

$("div[id]") 查詢所有含有 id 屬性的div元素。 $("div[id='ajaxa']") 查詢 id 為 ajaxa 的 div 元素。 $("div[id!='ajaxa']") 查詢 id 不為 ajaxa 的 div 元素。 $("div[id^='ajaxa']") 查詢 id 以 ajaxa 開頭的 div 元素。 $("div[id$='ajaxa']") 查詢 id 以 ajaxa 結尾的 div 元素。 $("div[id*='ajaxa']") 查詢 id 含 ajaxa 的 div 元素。 $("div[id^='ajaxa']") 查詢 id 以 ajaxa 開頭的 div 元素。 $("div[id][class='ajaxa']") 查詢存在id屬性並且類為ajaxa的 div 元素。

jquery 獲得tagname 的方法:$('#id').attr("tagname");jquery把tagname 當成屬性了。

Jquery屬性選擇器

屬性選擇器 1.把所有input的文字輸入框標紅 input type text css border 1px solid red 2.把以.com結尾的超連結標紅 a href com css border 1px solid red 3.以http 開頭的超連結 4.value屬性中包含inpu...

JQuery屬性選擇器

attribute 選擇具有指定屬性值的元素。attribute value 選擇具有指定屬性且屬性值為指定值的元素。eg 選擇target屬性值為test的a元素,a target test attribute value 選擇具有指定屬性的元素,或者屬性值為指定值或指定值後跟連字元 eg 選擇包...

JQuery屬性選擇器

今天我們學習一下jquery屬性選擇器,方便我們呼叫不同型別的屬性。展示效果 有了屬性選擇器,我就能快速定位我需要的控制項,然後對控制項進行操作了。4種表單選擇器的簡寫 enabled 選擇所有被啟用的元素 disabled 選擇所有被禁用的元素 checked 表示checked屬性為選中狀態的元...