摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body><form> <input type="text"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<input type="text" name="user" value="123" disabled="disabled"/><br />
<input type="password" name="pass" value="456" /><br />
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女<br />
<textarea></textarea><br />
<select name="city">
<option>1</option>
<option>2</option>
<option>3</option>
</select><br />
<button>按钮</button>
</form>
</body>
<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
<script>
$(document).ready(function(){
//:input选取所有input、textarea、select和button元素-集合元素
//查看所有表单元素里name=city的有几个：
a = $(":input[name=city]").size()
alert(a)
//:text选择所有单行文本框，即type=text集合元素
//获取单行文本框元素
b = $(":text").size();
alert(b)
//:password选择所有密码框，即type=password集合元素
//获取密码栏元素
c = $(":password").size()
alert(c)
//:radio选择所有单选框，即type=radio-集合元素
//:checkbox选择所有复选框，即type=checkbox-集合元素
//:submit选取所有提交按钮，即type=submit-集合元素
//:enabled 选取所有可用元素 集合元素 中间有空格
d = $('form :enabled').size();
alert(d)
//:disabled 选取所有不可用元素 集合元素
e = $('form :disabled').size();
alert(e)
//:checked选取所有被选中的元素，单选和复选字段 集合元素
f = $('form :checked').size();
alert(f)
//:selected选取所有被选中的元素，下拉列表集合元素
g = $('form :selected').size();
alert(g)
//[：attribute=value]给定属性是某个特定值
$("[name=pass]").css("background","red")
//[:attribue!=value]不含有指定值的属性或者属性不等于指定值
$("form[type!=text]").css("background","yellow")
//[:attribute^=value]给定属性以某些值开始的元素
$("input[name^=s]").css("background","blue")
//[:attribute^=value]给定属性以某些值开始的元素
$("input[name$=r]").css("background","blue")
//[:attribute*=value]给定属性包含某些值的元素
$("input[name*=x]").css("background","pink")
})
</script>
</html>
批改老师：韦小宝批改时间：2018-11-13 09:14:14
老师总结：总的来说还可以！但是缺少总结和代码高亮！下次记得都带上啊！课后还得多多练习！加油吧！！
