<p id="p1"> hello p 1</p> <div class="div1">hello div</div> <form> name<input type="text" name="name"> <br> pwd<input type="password" name="name"> <br> </form> 1234567
1.属性选择器的基本语法
$(标签[属性=数值])
$("p[id='p1']").css("background-color","green") 1
$("div[class='div1']").css("background-color","blue") 1
表表单中也可以使用 属性选择器 $("input[type='text']").css("background-color","blue") 123
2.与正则合作
^ 开始的意思name^=‘na’ name属性以na 开始的
$("input[name^='na']").css("background-color","red"); 1 $ 结束的意思
name$=‘me’ name属性以me 结束
$("input[name$='me']").css("background-color","yellow"); 1
3.在表单中的使用
:text拿到 text $(":text").css("background-color","red"); 12 :input 匹配所有 input, textarea, select 和 button 元素
var arr1 = $(":input"); console.log(arr1.length); // 10 个标签 12
var arr2 = $("input"); // 只会匹配input 标签 console.log(arr2.length) // 8 12 :checkbox 拿到 所有的 cb :checked 拿到选中的
var arr = $(":checkbox:checked"); console.log(arr); 12
