DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery中6種根據屬性或屬性值獲得元素獲取方法
JQuery中6種根據屬性或屬性值獲得元素獲取方法
編輯:JQuery特效代碼     
根據屬性獲得元素

1.比如要獲取頁面p標簽中屬性有id的元素
. 代碼如下:
$("p[id]").css("color","red");

根據屬性值獲得元素
1.$。在jQuery 中$("<span>"),這個語法等同於$(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標簽
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved