abstrak：我在本章當(dāng)中學(xué)到了選擇器的用法 也感覺(jué)自己好多都記不住 只是理解了<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript
我在本章當(dāng)中學(xué)到了選擇器的用法 也感覺(jué)自己好多都記不住 只是理解了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<script type="text/javascript">
// 表單選擇器
// 語(yǔ)法：
// $(':enabled')所有激活的input元素（可以使用的input元素）
// $(':disabled')所有禁用的input元素（不可以使用的input元素）
// $(':selected')所有被選取的元素，針對(duì)于select元素
// $(':checked')所有被選中的input元素
$(document).ready(function(){
// $(':enabled').css('background','red') //激活所有input元素 沒(méi)有被禁用下的
// $(':disabled').css('background','#Ccc') //不可使用的input的元素 被禁用的元素
// $(':selected').css('background','#Ccc') //所有被選取的元素，針對(duì)于select元素
$('input:checked').parent().css('background','red')
})
</script>
輸入框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>
<select>
<option>1</option>
<option selected>2</option>
<option>3</option>
<option>4</option>
</select>
<label><input type="checkbox" name="">1</label>
<label><input type="checkbox" name="">2</label>
<label><input type="checkbox" name="" checked>3</label>
<label><input type="checkbox" name="">4</label>
</body>
</html>
Guru membetulkan：韋小寶Masa pembetulan：2018-12-13 17:06:40
Rumusan guru：寫的很不錯(cuò)！表單選擇器實(shí)際上在開(kāi)發(fā)中用的次數(shù)并不是很頻繁，但是也很重要！也要多多練習(xí)哦！