jquery中根據獲取元素的6種方法總結

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

$("p[id]").css("color","red");

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

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="jobletter" />

jQuery 程式碼: 

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

結果: 

[ <input name="newsletter" />, <input name="jobletter" /> ]

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

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

jQuery 程式碼: 

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

結果: 

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]

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

<input name="man-news" /> 
<input name="milkman" /> 
<input name="letterman2" /> 
<input name="newmilk" />

jQuery 程式碼: 

$("input[name*='man']")

結果: 
##

[ <input name="man-news" />, <input name="milkman" />, <input name="letterman2" /> ]

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

可。 

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

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="newsboy" />

jQuery 程式碼: 

$("input[name^='news']")

結果: 

[ <input name="newsletter" />, <input name="newsboy" /> ]

6 取得指定屬性且設定值中有指定

字串#的元素 HTML 程式碼: 
#

<input type="checkbox" name="newsletter" value="Hot Fuzz"/> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

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標籤

#

以上是jquery中根據獲取元素的6種方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！