サマリー：<!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'); //選擇狀態(tài)為selected的表單元素
$('input:checked').parent().css('color','pink') //選擇狀態(tài)為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()這個函數(shù)是什么意思，明白嗎？你可以打印下$('input:checked')這一塊，應(yīng)該就能明白。