Jquery屬性選擇器

2021-07-11 12:32:52 字數 863 閱讀 9345

//屬性選擇器

//1. 把所有input的文字輸入框標紅

$("input[type='text']").css("border", "1px solid red");

//2. 把以.com結尾的超連結標紅

$("a[href$='.com']").css("border", "1px solid red");

//3. 以http://開頭的超連結

//4. value屬性中包含input字串的,型別不確定

$("*[value*='input']").css();

//5. 標籤中包含rows屬性,在不考慮屬性值的情況下,可在【】內書寫屬性名即可

$("*[rows").css();

//6. 標紅被選中的單選框和核取方塊,即需滿足type=『radio"或者type="checkbox",並且checked = "checked

//對於多條件查詢,可以通過增加多個【】來實現

$("input[type='radio'][checked='checked']").css("width", "100px");

$("input[type='checkbox'][checked='checked']").css("width", "100px");

//或者通過組合選擇器,通過,來組合

$("input[type='radio'][checked='checked'], input[type='checkbox'][checked='checked']").css("width", "100px");

JQuery屬性選擇器

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

JQuery屬性選擇器

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

JQuery 屬性選擇器

屬性名稱選擇器 語法 a 屬性名 包含指定屬性的選擇器 屬性選擇器 語法 a 屬性名 值 包含指定屬性等於指定值的選擇器 復合屬性選擇器 語法 a 屬性名 值 包含多個屬性條件的選擇器 lang en charset utf 8 jquery屬性選擇器title src js jquery 3.4....