jQuery class選擇器及模糊匹配

2021-10-09 03:49:25 字數 761 閱讀 8292

$(『.class1 .class2『)選擇class1元素下class2的元素(中間有空格);

$(『.class1.class2『)選擇同時含有class1和class2的元素(中間沒有空格);

$(『.class1,.class2『)選擇class1或者class2的元素(中間有逗號).

1.class字首為hint的所有div的jquery物件

$("div[class^='hint']");

2.class字尾為hint的所有div的jquery物件

$("div[class$='hint']");

3.class中包含hint的所有div的jquery物件

$("div[class*='hint']");

[屬性名稱] 匹配包含給定屬性的元素

[att=value]匹配包含給定屬性的元素 (大小寫區分)

[att*=value]模糊匹配包含有value的原色

[att!=value]不能是這個值

[att^=value]以value開頭的所有元素

[att$=value]以value結尾的所有元素

[att1][att2][att3]…匹配多個屬性條件中的乙個

CSS選擇器及選擇器優先順序

css選擇器有四種,標籤名選擇器,id選擇器,class選擇器,屬性選擇器,其中屬性選擇器權重最低且不常用 兩個選擇器a和b使用,連寫時,表示選擇滿足a或滿足b的元素 p2,p3兩個選擇器a和b使用空格連線時,表示選擇滿足a選擇器的元素內部的滿足b選擇器的元素 list a選擇器a和b使用 連寫時,...

CSS選擇器和其他選擇器及權重

作用 css選擇器主要用來對網頁中的元素進行設定樣式 css選擇器的規範寫法 標籤名作用 根據元素的class值進行選取元素 語法 classname作用 根據元素的id屬性值選取元素 語法 id作用 可以同時使用多個選擇器,這樣可以選擇同時滿足多個選擇器的元素。語法 選擇器1選擇器2作用 可以同時...

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...