jQuery表单选择器

<script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){

    var $alltext = $("#form1 :text");
    var $allpassword= $("#form1 :password");
    var $allradio= $("#form1 :radio");
    var $allcheckbox= $("#form1 :checkbox");

    var $allsubmit= $("#form1 :submit");
    var $allimage= $("#form1 :image");
    var $allreset= $("#form1 :reset");
    var $allbutton= $("#form1 :button"); // <input type=button />  和 <button ></button>都可以匹配
    var $allfile= $("#form1 :file");
    var $allhidden= $("#form1 :hidden"); // <input type="hidden" />和<div style="display:none">test</div>都可以匹配.
    var $allselect = $("#form1 select");
    var $alltextarea = $("#form1 textarea");
    
    var $AllInputs = $("#form1 :input");
    var $inputs = $("#form1 input");

    $("div").append(" 有" + $alltext.length + " 个（ :text 元素）<br/>")
            .append(" 有" + $allpassword.length + " 个（ :password 元素）<br/>")
            .append(" 有" + $allradio.length + " 个（ :radio 元素）<br/>")
            .append(" 有" + $allcheckbox.length + " 个（ :checkbox 元素）<br/>")
            .append(" 有" + $allsubmit.length + " 个（ :submit 元素）<br/>")
            .append(" 有" + $allimage.length + " 个（ :image 元素）<br/>")
            .append(" 有" + $allreset.length + " 个（ :reset 元素）<br/>")
            .append(" 有" + $allbutton.length + " 个（ :button 元素）<br/>")
            .append(" 有" + $allfile.length + " 个（ :file 元素）<br/>")
            .append(" 有" + $allhidden.length + " 个（ :hidden 元素）<br/>")
            .append(" 有" + $allselect.length + " 个（ select 元素）<br/>")
            .append(" 有" + $alltextarea.length + " 个（ textarea 元素）<br/>")
            .append(" 表单有 " + $inputs.length + " 个（input）元素。<br/>")
            .append(" 总共有 " + $AllInputs.length + " 个(:input)元素。<br/>")
            .css("color", "red")

    $("form").submit(function () { return false; }); // return false;不能提交.

  });
  //]]>
  </script>