abstrakt：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery選擇器-表單選擇器</title> <script ty
<!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>
Korrigierender Lehrer：韋小寶Korrekturzeit：2019-03-04 11:56:35
Zusammenfassung des Lehrers：寫的還是沒毛病的 表單選擇器基本上會在單選框或者是多選框和下拉框中進行使用的 也是比較重要的 一定要好好掌握