摘要:语法:$(':enabled') 所有激活的input元素(可以使用的input元素)$(':disabled') 所有禁用的input元素(不可以使用的input元素) $(':selected') 所有被选取的元素,针对于select元素$(':checked') 所有被选中的input元素
语法:
$(':enabled') 所有激活的input元素(可以使用的input元素)
$(':disabled') 所有禁用的input元素(不可以使用的input元素)
$(':selected') 所有被选取的元素,针对于select元素
$(':checked') 所有被选中的input元素 针对多选元素
总结:表单input的disabled属性是禁用的意思!select是下拉框标签内部有option来表示,celected是默认显示下拉框的内容!checked是多选框默认勾选!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="jQuery/jQuery-3.3.1.js"></script> <script> $(function(){ $(':enabled').css('background','pink') $(':disabled').css('background','red') $(':selected').css('background','#ccc') $(':checked').parent().css('color','red') }) </script> </head> <body> <form> 账号:<input type="text" name="" > <!-- 禁用 --> 账号:<input type="text" name="" disabled > 账号:<input type="text" name="" > 账号:<input type="text" name="" > </form> <select name="" id=""> <option value="">星期一</option> <option value="">星期二</option> <option value="">星期三</option> <option value="">星期四</option> <option value="">星期五</option> <option value="">星期六</option> <!-- 默认显示 --> <option value="" selected>星期日</option> </select> <label for=""><input type="checkbox" name="" >看书</label> <!-- 默认勾选 --> <label for=""><input type="checkbox" name="" checked>学习</label> <label for=""><input type="checkbox" name="" >睡觉</label> <label for=""><input type="checkbox" name="" >追剧</label> </body> </html>
批改老师:灭绝师太批改时间:2019-01-11 14:26:42
老师总结:选择器是jq中非常重要的知识点,后期各种运用也很多,要熟练使用哟!