jQuery选择器-表单选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery选择器-表单选择器</title>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
/*$(':enabled').css('background','red');
$(':disabled').css('background','blue');*/
//$(':selected').css('color','red');
$('label>input:checked').parent().css('color','red');//父元素选择
})
</script>
<form>
输入框1<input type="text" name ="" /><br>
输入框2<input type="text" name ="" disabled /><br>
输入框3<input type="text" name ="" /><br>
输入框4<input type="text" name ="" /><br>
</form>
<br/>
下拉框
<br/>
<select>
<option>狮子座</option>
<option selected >双鱼座</option>
<option>天蝎座</option>
<option>射手座</option>
</select>
<br/>
多选框
<br/>
爱好：
<label><input type="checkbox" />看书</label>
<label><input type="checkbox" checked />lol</label>
<label><input type="checkbox" />data2</label>
</body>
</html>