以下内容均是来自《锋利的jQuery》，发到这里，纯属做个笔记，方便查阅。
直接看代码：
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
3 <html>
4 <head>
5 <title></title>
6 <script type="text/javascript" src="jquery-1.3.1.js">
7
8 </script>
9
10 <script type="text/javascript">
11 $().ready(
12 function() {
13
14 //表单对象属性过滤选择器
15 //1改变表单内可用元素的值
16 //$('#form1 input:enabled').val("这里变化了");
17
18 //2改变表单内不可用元素的值
19 //$('#form1 input:disabled').val("这里变化了");
20
21 //3选取多选框中选中的个数
22 //alert($('#form1 input:checked').length);
23
24 //4选取下拉框中选中的内容
25 alert($('#form1 select :selected').length);
26 }
27 );
28 </script>
29 </head>
30 <body>
31 <form action="" id="form1">
32 可用元素：<input name="add" value="可用文本框"/><br/>
33 不可用元素：<input name="email" disabled="disabled" value="不可用文本框"/><br/>
34 可用元素：<input name="che" value="可用文本框"/><br/>
35 不可用元素：<input name="name" disabled="disabled" value="不可用文本框"/><br/>
36
37 <br/>
38 多选框：<br/>
39 <input type="checkbox" name="newsletter" checked="checked" value="test1"/>test1
40 <input type="checkbox" name="newsletter" value="test2"/>test2
41 <input type="checkbox" name="newsletter" value="test3"/>test3
42 <input type="checkbox" name="newsletter" checked="checked" value="test4"/>test4
43 <input type="checkbox" name="newsletter" value="test5"/>test5
44
45 <div></div>
46 <br/><br/>
47 下拉列表:<br/>
48 <select name="test" multiple="multiple" style="height:100px">
49 <option>浙江</option>
50 <option selected="selected">湖南</option>
51 <option>北京</option>
52 <option selected="selected">天津</option>
53 <option>广州</option>
54 <option>湖北</option>
55 </select>
56
57 <br/><br/>
58 下拉列表2：<br/>
59 <select name="test2">
60 <option>浙江</option>
61 <option>湖南</option>
62 <option selected="selected">北京</option>
63 <option>天津</option>
64 <option>广州</option>
65 <option>湖北</option>
66 </select>
67
68 <div></div>
69 </form>
70 </body>
71 </html>
posted on 2011-06-17 16:51
wawlian 阅读(301)
评论(0) 编辑 收藏 所属分类:
jQuery