表单选择器

 1 <html>
 2   <head>
 3     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 4     <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
 5   </head>
 6   <body>
 7     <form>
 8         <input type="button" value="Input Button"/><br/>
 9         <input type="checkbox" /><br/>
10         <input type="file" /><br/>
11         <input type="hidden" /><br/>
12         <input type="image" /><br/>
13         <input type="password" /><br/>
14         <input type="radio" /><br/>
15         <input type="reset" /><br/>
16         <input type="submit" /><br/>
17         <input type="text" /><br/>
18         <select><option>Option</option></select><br/>
19         <textarea></textarea><br/>
20         <button>Button</button><br/>
21     </form>
22     <script type="text/javascript">
23     //1)查找所有input元素的个数
24         //alert( $("input").size() );//10，只包括<input>标签
25         //alert( $(":input").size() );//10+3，即包括<input>标签，又包括select/textarea/button
26     
27       //2)查找所有文本框的个数
28           //alert( $(":text").size() );
29       
30       //3)查找所有密码框的个数
31           //alert( $(":password").size() );
32       
33       //4)查找所有单选按钮的个数
34           //alert( $(":radio").size() );
35       
36       //5)查找所有复选框的个数
37           //alert( $(":checkbox").size() );
38       
39       //6)查找所有提交按钮的个数
40           //alert( $(":submit").size() );
41       
42       //7)匹配所有图像域的个数
43           //alert( $(":image").size() );
44       
45       //8)查找所有重置按钮的个数
46           //alert( $(":reset").size() ); 
47       
48       //9)查找所有普通按钮的个数
49           //alert( $(":button").size() );
50       
51      //10)查找所有文件域的个数
52           //alert( $(":file").size() );
53      
54      //11)查找所有input元素为隐藏域的个数
55           alert( $("input:hidden").size() );
56      
57     </script>
58   </body>
59 </html>
posted on 2014-06-25 20:30 wf110 阅读(274) 评论(0) 收藏举报