Query九類選擇器(二)
阿新 • • 發佈:2019-01-31
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="../js/jquery-1.8.2.js"></script> </head> <body> <form> <input type="button" value="Input Button"/><br/> <input type="checkbox" /><br/> <input type="file" /><br/> <input type="hidden" name="id" value="123"/><br/> <input type="image" src="../images/lb.jpg" width="25px" height="25px"/><br/> <input type="password" /><br/> <input type="radio" /><br/> <input type="reset" /><br/> <input type="submit" /><br/> <input type="text" /><br/> <select><option>Option</option></select><br/> <textarea></textarea><br/> <button>Button</button><br/> </form> <script type="text/javascript"> //1)查詢所有input元素的個數 //alert( $("input").size() );//10,找input標籤 //alert( $(":input").size() );//13,找input標籤和select/textarea/button //2)查詢所有文字框的個數 //alert( $(":text").size() ); //3)查詢所有密碼框的個數 //alert( $(":password").size() ); //4)查詢所有單選按鈕的個數 //alert( $(":radio").size() ); //5)查詢所有複選框的個數 //alert( $(":checkbox").size() ); //6)查詢所有提交按鈕的個數 //alert( $(":submit").size() ); //7)匹配所有影象域的個數 //alert( $(":images").size() ); //8)查詢所有重置按鈕的個數 //alert( $(":reset").size() ); //9)查詢所有普通按鈕的個數 //alert( $(":button").size() ); //10)查詢所有檔案域的個數 //alert( $(":file").size() ); //11)查詢所有input元素為隱藏域的個數 //alert( $(":input:hidden").size() ); </script> </body> </html>