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>