JQuery中根據屬性或屬性值取得元素(6種情況取得方法)_jquery

依屬性取得元素

1.例如要取得頁面p標籤中屬性有id的元素

複製程式碼

複製程式碼

程式碼如下:

$("p[id]").css("color","re​​d");

依屬性值取得元素 1.$。在jQuery 中$("")，這個語法等同於$(document.createElement("span")) ，這是一種用法，在選擇元素的時候還會這樣子的用：[attribute$= value]，匹配給定的屬性是以某些值結尾的元素。以下舉個例子來說明：HTML程式碼

複製程式碼

程式碼如下:

jQuery 代碼:

複製代碼

代碼如下:


$("input[name$='letter']")


結果:
[ , ]

2.!。選擇器：[attribute!=value]，符合所有不含指定的屬性，或屬性不等於特定值的元素，此選擇器等價於:not([attr=value])。 例子說明一下： HTML代碼

複製代碼


代碼如下:

jQuery 代碼:

複製代碼

程式碼如下:


$("input[name!='newsletter']").attr("checked", true);


結果:

[ ] 3.*。選擇器：[attribute*=value]，符合給定的屬性是以包含某些值的元素。舉例說明： HTML 程式碼:

複製程式碼


程式碼如下:

jQuery 程式碼:

複製程式碼


程式碼如下:



程式碼如下:

$🎜> input[name*='man']") 結果: [ , , ]

4.@。匹配包含給定屬性的元素。注意，在jQuery 1.3中，前導的@符號已經被廢除！如果想要相容最新版本，只需要簡單去掉@符號即

可。

5.^。選擇器：[attribute^=value]，符合給定的屬性是以某些值開始的元素，以下舉例來說明：
HTML 程式碼:

複製程式碼 程式碼如下:

jQuery 代碼:




複製代碼

代碼如下: $("input[name^='news']")

結果: [ , ] 6 取得指定屬性且設定值中有指定字串的元素HTML 程式碼: 複製程式碼 程式碼如下:

jQuery代碼：

複製程式碼

程式碼如下:

$("input[name$='letter'][value$='zz']").attr("checked" ,"true");支援多條件操作

當然了，也可以根據id屬性或其他屬性來獲取，如$("input[id=id1]").css("color ",red);
在jquery中，當使用$(”input[name='metaId']“).val()不能直接得到被選擇的radio的值，只是得到radio標籤的第一個值，這可能jquery使用xpath語言了進行查找有關，而我們通常是想獲得被選中的radio的值，有以下幾種方法：
1，使用$(”input[name='metaId']:checked ”).val()取得//name代表radio中name屬性名2，使用$(”:radio:checked”).val()取得//限制頁只有一組radio標籤