属性选择器
$(“attribute”)：选择所有具有指定属性的元素，该属性可以是任何值
$(“[attribute=’value’]”)：选择指定属性是给定值的元素
$(“[attribute!=’value’]”)：选择不存在指定属性，或者指定的属性值不等于给定值的元素
$(“[attribute^=’value’]”)：选择指定属性是以给定字符串开始的元素
$(“[attribute$=’value’]”)：选择指定属性是以给定值结尾的元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script> </head><body><ul> <li class="layui-li" id="l1">list item 1</li> <li class="layui-li" id="l2">list item 2</li> <li class="li" id="li-item">list item 3</li> <li class="li" id="l4"> <ul> <li class="li li" id="l4-1">item 1</li> <li class="li li" id="lii-item">item 2</li> <li class="li li">item 3</li> <li class="li li" id="l4-item">item 4</li> </ul> </li> <li id="l5">list item 5</li> </ul><script> $(function () { var obj1 = $('li[class]');//查找带class属性的li标签 var obj2 = $('li[id="l1"]');//查找id属性等于l1的li标签 var obj3 = $('li[id!="l1"]');//查找id属性不等于l1的li标签（包括没有id属性的li标签） var obj4 = $('li[class^="lay"]');//查找class属性以lay开头的li标签 var obj5 = $('li[id$="item"]'); console.log(obj5); });</script> </body></html>
表单选择器
$(“:checked”)：选择被勾选的元素
$(“select option:selected”)：选择select中选中的option选项元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery.min.js"></script> </head><body><form action="" method="post"> <div> <label for="">账号</label> <input type="text" id="username" name="username"> </div> <div> <label for="pwd">密码</label> <input type="password" name="password" id="pwd"> </div> <div> <label for="repwd">重复密码</label> <input type="password" name="repassword" id="repwd"> </div> <div> <label>性别</label> <input type="radio" name="sex" value="0" title="男" checked>男 <input type="radio" name="sex" value="1" title="女">女 </div> <div> <label>爱好</label> <select name="hobby"> <option value="0">画画</option> <option value="1">唱歌</option> <option value="2">跳舞</option> <option value="3">跑步</option> </select> </div> <div> <label>状态</label> <input type="checkbox" name="status" value="1">启用 </div> <div> <button type="button" onclick="save()">保存</button> </div> </form><script> function save() { var username = $('input[name="username"]').val(); var password = $('input[name="password"]').val(); var repassword = $('input[name="repassword"]').val(); var sex = $('input[name="sex"]:checked').val(); var hobby = $('select[name="hobby"]').val(); var status = $('input[name="status"]:checked').val(); if (username==''){ alert('用户名不能为空'); return; } if (password==''){ alert('密码不能为空'); return; } if (repassword!=password){ alert('两次密码不一致'); return; } if (status==undefined){ alert('请选择状态'); return; } alert('用户名是：'+username+'，密码是：'+password+',性别是：'+sex+',爱好是：'+hobby+',状态是：'+status);}</script></body></html>
