abstrakt：<!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的有幾個(gè)：
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選擇所有復(fù)選框，即type=checkbox-集合元素
//:submit選取所有提交按鈕，即type=submit-集合元素
//:enabled 選取所有可用元素 集合元素 中間有空格
d = $('form :enabled').size();
alert(d)
//:disabled 選取所有不可用元素 集合元素
e = $('form :disabled').size();
alert(e)
//:checked選取所有被選中的元素，單選和復(fù)選字段 集合元素
f = $('form :checked').size();
alert(f)
//:selected選取所有被選中的元素，下拉列表集合元素
g = $('form :selected').size();
alert(g)
//[：attribute=value]給定屬性是某個(gè)特定值
$("[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>
Korrigierender Lehrer：韋小寶Korrekturzeit：2018-11-13 09:14:14
Zusammenfassung des Lehrers：總的來說還可以！但是缺少總結(jié)和代碼高亮！下次記得都帶上??！課后還得多多練習(xí)！加油吧?。?