abstract：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery表单选择器</title>
<script type="text/javascript" src="jquery-3.3.1.min.js" ></script>
</head>
<body>
<script>
$(function(){
//$(':enabled').css('background','pink')
//$(':disabled').css('background','red')
//$(':selected').css('color','red')
$(':checked').parent().css('color','red')
})
</script>
<form>
输入框1：<input type="text" name=""><br>
输入框2：<input type="text" name=""><br>
输入框3：<input type="text" name="" disabled="disabled"><br>
输入框4：<input type="text" name=""><br>
<select>
<option>双鱼座</option>
<option selected="selected">处女座</option>
<option>金牛座</option>
<option>射手座</option>
</select><br><br>
爱好：
<label><input type="checkbox" name="">看书</label>
<label><input type="checkbox" name="" checked="checked">游戏</label>
<label><input type="checkbox" name="">游泳</label>
</form>
</body>
</html>
<!--总结
$('*') 选取所有元素
$('#id名')
$('.class名')
$('element') 根据给定的标签名匹配 如$('span')
$('#id名,.class,span') 匹配多个
$('父级 > 子级')
$(':first') 多个: 第一个元素
$(‘:last’)
比较
$(':gt(x)')
$(':lg(x)')
$(':eg(x)')
奇偶数
$('tr:odd' 选取奇数位置的 <tr> 元素
$('tr:even')选取偶数位置的 <tr> 元素
)
内容选择
$('contains(text)')
$(':parent') 匹配含有子元素或文本的子元素
表单
$('enabled')
$('disabled')
$('selected')
$('checked')
$(':checked').parent().css('color','red') 例子
-->
Correcting teacher：韦小宝Correction time：2019-01-05 09:12:14
Teacher's summary：写的很不错！jQuery中的选择器是非常重要的！课后一定要多练习！
