表单选择器总结
李铁蛋2018-10-26 22:49:09218<!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>