abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单选择器</title> <script type="text/javascript" src="jquery
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单选择器</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></script> </head> <body> <!-- 表单选择器 语法: $(':enabled')所有激活的input元素 $(':diabled')所有禁用的input元素 $(':selected')所有被选取的元素,针对于select元素 $('checked')所有被选中的input元素 --> <script> $(function(){ $(':enabled').css('background','pink'); $(':disabled').css('background','red'); $(':selected').css('color','blue'); $(':checked').parent().css('color','red'); }) </script> 输入框1<input type="text" name=""><br> 输入框2<input type="text" name=""><br> 输入框3<input type="text" name="" disabled><br> 输入框4<input type="text" name=""><br> <select> <option value="">水瓶座</option> <option value="" selected>摩羯座</option> <option value="">双鱼座</option> <option value="">射手座</option> </select> 爱好: <label for=""><input type="checkbox" name="">看书</label> <label for=""><input type="checkbox" name="" checked="checked">游泳</label> <label for=""><input type="checkbox" name="">游戏</label> </body> </html>