abstract:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>表单选择器</title>
<style>
div{background:brown;width:200px;height:200px;}
</style>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
// $(':enabled').css('background','red')
// $(':disabled').css('background','pink')
// $(':selected').css('color','red')
$(':checked').parent().css('color','red')
//这句话是难点,所有单选option都变红了,百思不得其姐
})
</script>
<form action="">
1.<input type="text" name="new" id="man"><br>
2.<input type="text" name="new1" id="woman"><br>
3.<input type="text" name="new" id="man1" disabled><br>
4.<input type="text" name="new1" id="woman1"><br>
<select name="" id="">
<option value="" selected>ndifnsd </option>
<option value="" >双鱼座</option>
<option value="">dfdfd</option>
<option value="">dff</option>
</select>
<br>爱好:<br>
<label for=""><input type="checkbox">吃</label><br>
<label for=""><input type="checkbox" checked>喝</label><br>
<label for=""><input type="checkbox">睡</label><br>
</form>
</body>
</html>
Correcting teacher:灭绝师太Correction time:2019-02-11 09:38:39
Teacher's summary::checked 选择器选取所有选中的 复选框或单选按钮,使用场景不多,掌握就好