依屬性取得元素
1.例如要取得頁面p標籤中屬性有id的元素
複製程式碼
程式碼如下:
$("p[id]").css("color","red");
依屬性值取得元素
1.$。在jQuery 中$(""),這個語法等同於$(document.createElement("span")) ,這是一種用法,在選擇元素的時候還會這樣子的用:[attribute$= value],匹配給定的屬性是以某些值結尾的元素。以下舉個例子來說明:HTML程式碼
複製程式碼
程式碼如下:
複製代碼
代碼如下:
$("input[name$='letter']")
結果:
[
,
]
2.!。選擇器:[attribute!=value],符合所有不含指定的屬性,或屬性不等於特定值的元素,此選擇器等價於:not([attr=value])。 例子說明一下: HTML代碼
複製代碼
代碼如下:
複製代碼
程式碼如下:
$("input[name!='newsletter']").attr("checked", true);
結果:
複製程式碼
程式碼如下:
jQuery 程式碼:
複製程式碼
程式碼如下:
程式碼如下:
4.@。匹配包含給定屬性的元素。注意,在jQuery 1.3中,前導的@符號已經被廢除!如果想要相容最新版本,只需要簡單去掉@符號即
可。
5.^。選擇器:[attribute^=value],符合給定的屬性是以某些值開始的元素,以下舉例來說明:
HTML 程式碼:
jQuery 代碼:
複製代碼
結果: [
,
] 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標籤