JQuery中6種根據屬性或屬性值獲得元素獲取方法

2021-06-18 08:30:15 字數 1618 閱讀 7428

根據屬性獲得元素

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

**如下:

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

根據屬性值獲得元素

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

JQuery中根據屬性或屬性值獲得元素

根據屬性獲得元素 1.比如要獲取頁面p標籤中屬性有id的元素 p id css color red 根據屬性值獲得元素 1.在jquery 中 這個語法等同於 document.createelement span 這是一種用法,在選擇元素的時候還會這樣子的用 attribute value 匹配給...

JQuery中根據屬性或屬性值獲得元素

根據屬性獲得元素 1.比如要獲取頁面p標籤中屬性有id的元素 p id css color red 根據屬性值獲得元素 1.在jquery 中 這個語法等同於 document.createelement span 這是一種用法,在選擇元素的時候還會這樣子的用 attribute value 匹配給...

JQuery中根據屬性或屬性值獲得元素

根據屬性獲得元素 1.比如要獲取頁面p標籤中屬性有id的元素 p id css color red 根據屬性值獲得元素 1.在jquery 中 這個語法等同於 document.createelement span 這是一種用法,在選擇元素的時候還會這樣子的用 attribute value 匹配給...