屬性選擇器 class

2021-10-11 08:36:09 字數 1411 閱讀 4426

選擇器

描述[attr]

用於選取帶有指定屬性的元素

[attr=value]

用於選取帶有指定屬性和值的元素

[attr~=value]

用於選取屬性值中包含指定詞彙的元素

[attr|=value]

用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞

[attr^=value]

匹配屬性值以指定值開頭的每個元素。

[attr$=value]

匹配屬性值以指定值結尾的每個元素。

[attr*=value]

匹配屬性值中包含指定值的每個元素。

示例:1.找出class名稱為 『col-』 開頭的div

$("div[class^='col-']").attr();
2.找出所有class名稱包含 『col-』 的div

$("div[class*='col-']").attr();
在乙個div id="div1"中有多個select

1.選擇div1中的第乙個select:

$("#div1 > select:first").attr();

/*注意 : 前後不能加空格,因為其實我們知道空格是代表後代的意思;之所以》前後可以加空格,是因為其實》子元素的意思,而子元素也是從後代中取的,所以這裡加空格不影響,並且後代的空格可以加任意個,只是平時我們為了好看只加了乙個空格而已。*/

2.選擇div1中最後乙個select

$("#div1 > select:last").attr();
3.選取div1中所有不是select的元素

$("#div1 :not(select)").attr();
4.選取索引號從0開始為偶數的div元素:even

$("div:even").attr();
5.選取索引號從0開始為奇數的div元素:odd

$("div:odd").attr();
6.選取索引號從0開始等於3的div元素:eq

$("div:eq(2)").attr();
7.選取索引號從0開始大於3的div元素:gt

$("div:gt(3)").attr();
8.選取索引號從0開始小於3的div元素:lt

$("div:lt(3)").attr();
9.選取索引號從0開始小於等於3的div元素:

$("div:lt(3), div:eq(3)").attr();

Id選擇器和Class選擇器

如果你要在html元素中設定css樣式,你需要在元素中設定 id 和 class 選擇器。id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。注意 id 屬性只能在每個 html 文件 現一次。class 選...

jquery id選擇器和class選擇器的區別

hello world size 方法返回dom物件的個數 hello world id是唯一的,即使有多個id相同的元素,jquery選擇器也只能獲取其中乙個 所以 想在jquery中對id設定動作,id在頁面中只允許出現一次。對於css樣式來說,可以選取頁面中所有id box的dom物件 相容性...

標籤選擇器,id選擇器,class類選擇器

1.標籤選擇器的格式 標籤 屬性 值 我是段落 2.id選擇器的格式 id名稱 屬性 值 我是段落 3.class類選擇器的格式 類名 屬性 值 我是段落 1 每乙個標籤都有id和class屬性 但是每乙個標籤只能有乙個id的屬性,但是可以有很多個class屬性。2 id相當於人的身份證,class...