摘要：<!DOCTYPE html /><html> <head> <meta charset="utf-8" /> &n
<!DOCTYPE html />
<html>
<head>
<meta charset="utf-8" />
<title>表单选择器</title>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$('input:enabled').css('border-color','red'); //选择被激活的表单元素
$(':disabled').css('border-color','blue'); //选择违背激活的表单元素
$(':selected').css('color','green'); //选择状态为selected的表单元素
$('input:checked').parent().css('color','pink') //选择状态为checked的表单元素
//疑问：为什么必须要有.parent(),否则显示不出来？
})
</script>
<form>
<input type="text" name="" />
<br>
<input type="text" name="" disabled />
<br>
<input type="text" name="" />
<br>
<input type="text" name="" />
<br>
<input type="text" name="" />
<br>
<select>
<option>1</option>
<option selected>2</option>
<option>3</option>
<option>4</option>
</select>
<br>
<label><input type="checkbox" name="" />aa</label>
<br>
<label><input type="checkbox" name="" checked />bb</label>
<br>
<label><input type="checkbox" name="" />cc</label>
<br>
</form>
</body>
</html>
批改老师：查无此人批改时间：2019-03-07 09:16:45
老师总结：完成的不错。parent()这个函数是什么意思，明白吗？你可以打印下$('input:checked')这一块，应该就能明白。
