JQuery屬性選擇器

2021-09-02 01:41:47 字數 1312 閱讀 6586

[attribute]:選擇具有指定屬性值的元素。

[attribute='value']:選擇具有指定屬性且屬性值為指定值的元素。eg:選擇target屬性值為test的a元素,$("a[target='test']")。

[attribute|='value']:選擇具有指定屬性的元素,或者屬性值為指定值或指定值後跟連字元(-)。eg:選擇包含target屬性的a元素,$("a[target]");選擇target屬性值為test或以test-為字首的a元素,$("a[target|='test']")。

[attribute*='value']:選擇具有指定屬性且屬性值包含指定字串的元素。eg:選擇target屬性值包含test的a元素,$("a[target*='test']"),則target屬性值為testa,atest,atestb等的a元素都會被選中。

[attribute~='value']:選擇具有指定屬性且屬性值由空格分隔後包含給定字串的元素。eg:選擇target值由空格分隔後包含字串test的a元素,$("a[target~='test']"),則target屬性值為my test、test selector等的a元素都會被選中。

[attribute$='value']:選擇具有指定屬性且屬性值以指定字串結尾的元素。eg:選擇target值以test結尾的a元素,$("a[target$='test']"),則target屬性值為mytest、test等的a元素都會被選中。

[attribute!='value']:選擇沒有指定屬性的元素,或者具有指定元素但屬性值不是指定值的元素。$("[attribute!='value']")不是css規範的一部分而是jquery擴充套件,所以使用$("[attribute!='value']")查詢不能通過本地dom的queryselectorall方法提供效能的提公升。使用$("[attribute!='value']")選擇元素時想要獲得最佳效能,則需要首先用純css選擇器選擇元素,然後使用not("[attribute='value'])。eg:選擇target值不為test的a元素,$("a[target!='test']"),則target值不為test的任何a元素都會被選中。

[attribute^='value']:選擇具有指定屬性且屬性值以指定字串開頭的元素。eg:選擇target屬性值以test開頭的a元素,$("a[target^='test']"),則target值為test、testa等的a元素都會被選中。

[attribute='value'][attribute2='value2']...[attributen='valuen']:選擇與所有屬性匹配的元素。eg:選擇具有id屬性且name屬性為test的元素,$("[id][name='test']")。

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屬性選擇器

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

JQuery 屬性選擇器

屬性名稱選擇器 語法 a 屬性名 包含指定屬性的選擇器 屬性選擇器 語法 a 屬性名 值 包含指定屬性等於指定值的選擇器 復合屬性選擇器 語法 a 屬性名 值 包含多個屬性條件的選擇器 lang en charset utf 8 jquery屬性選擇器title src js jquery 3.4....