サマリー：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq屬性選擇器</title> <script src="jquery-3.3.1.min.js"></script&g
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jq屬性選擇器</title>
<script src="jquery-3.3.1.min.js"></script>
<!-- $('input[屬性名]') $('input[屬性名=值為]') -->
<script>
$(document).ready(function(){
// $('input[type]').css('background','pink')
// $('input[type=botton]').css('background','blue')
// $(':enabled').css('background','red');
$(':selected').css('background','blue');
$(':checked').parent().css('color','red');
})
</script>
</head>
<body>
<form action="">
輸入框1<input type="text" name=""><br>
輸入框2<input type="text"><br>
輸入框3<input type="text" disabled><br>
輸入框4<input type="text"><br>
</form>
<select name="" id="">
<option >下拉選擇1</option>
<option >選擇器1</optio>
<option >選擇器1</optio>
<option selected>經(jīng)理就</option>
</select>
<label ><input type="checkbox" name="">看書</label>
<label ><input type="checkbox" name="" checked>看書</label>
<label ><input type="checkbox" name="">看書</label>
</body>
</html>表單選擇器 可以根據(jù)表單的狀態(tài)進行選擇。語法：$(':狀態(tài)')，激活狀態(tài)enabled，禁用disabled，選中：checked。下拉選中：selected。
添削の先生：韋小寶添削時間：2018-11-05 17:55:50
先生のまとめ：寫的很不錯！代碼很完整！繼續(xù)加油吧！騷年?。?