JQuery 屬性選擇器

屬性名稱選擇器

語法: $(「a[屬性名]」)包含指定屬性的選擇器

屬性選擇器

語法: $(「a[屬性名=『值』]」)包含指定屬性等於指定值的選擇器

復合屬性選擇器

語法: $(「a[屬性名=『值』]…」) 包含多個屬性條件的選擇器

lang
="en"
>
>
charset
="utf-8"
>
>
jquery屬性選擇器title
>
src=
"js/jquery-3.4.1.min.js"
>
script
>
>
#div1
#div2
#div3
#div4
style
>
>$(
function()
)//將含有title屬性=div1的div元素背景色改為灰色$(
"#b2").
click
(function()
)//將含有title屬性不等於div1的div元素背景色改為藍色$(
"#b3").
click
(function()
)//將含有title屬性y開頭的div元素背景色改為黃色$(
"#b4").
click
(function()
)//將含有title屬性yz結尾的div元素背景色改為綠$(
"#b5").
click
(function()
)//將含有title屬性包含i的div元素背景色改為粉$(
"#b6").
click
(function()
)//選取有id屬性，且有title屬性包含「v」的div更改背景顏色為白色$(
"#b7").
click
(function()
)})script
>
head
>
>
"div1"
title
="div1"
>
div1...div
>
"div2"
title
="div2"
>
div2...
"div3"
>
div3...div
>
div>
"div4"
title
="yyy"
>
yyydiv
>
"div4"
title
="yyz"
>
yyzdiv
>
type
="button"
id="b1"
value
="改變含有title屬性div的顏色"
>
type
="button"
id="b2"
value
="改變title值為div1的div的顏色"
>
type
="button"
id="b3"
value
="改變title值不為div1的div的顏色"
>
type
="button"
id="b4"
value
="改變title值y開頭的div的顏色"
>
type
="button"
id="b5"
value
="改變title值yz結尾的div的顏色"
>
type
="button"
id="b6"
value
="改變title值包含i的div的顏色"
>
type
="button"
id="b7"
value
="b7"
>
body
>
html
>

Jquery屬性選擇器

屬性選擇器 1.把所有input的文字輸入框標紅 input type text css border 1px solid red 2.把以.com結尾的超連結標紅 a href com css border 1px solid red 3.以http 開頭的超連結 4.value屬性中包含inpu...

JQuery屬性選擇器

attribute 選擇具有指定屬性值的元素。attribute value 選擇具有指定屬性且屬性值為指定值的元素。eg 選擇target屬性值為test的a元素，a target test attribute value 選擇具有指定屬性的元素，或者屬性值為指定值或指定值後跟連字元 eg 選擇包...

JQuery屬性選擇器

今天我們學習一下jquery屬性選擇器，方便我們呼叫不同型別的屬性。展示效果 有了屬性選擇器，我就能快速定位我需要的控制項，然後對控制項進行操作了。4種表單選擇器的簡寫 enabled 選擇所有被啟用的元素 disabled 選擇所有被禁用的元素 checked 表示checked屬性為選中狀態的元...