//属性选择器
//1. 把所有input的文本输入框标红
$("input[type='text']").css("border", "1px solid red");
//2. 把以.com结尾的超链接标红
$("a[href$='.com']").css("border", "1px solid red");
//3. 以http://开头的超链接
$("a[href^='http://']").css("border", "1px solid red");
//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属性选择器
最新推荐文章于 2023-03-21 17:02:08 发布