jQuery选择器表单选择器

来源：互联网发布：g20峰会淘宝店不发货编辑：程序博客网时间：2024/04/28 01:01
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="../jquerysource/jquery.js" type="text/javascript"></script>    <!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->    <script>        //:input;选取所有的input,textarea,select,button元素;$(":input")选取所有input,textarea,select,button        //:text;选取所有单行文本框;$(":texet")        //:password选取所有密码框        //:radio选取所有单选框        //:checkbox选取所有多选框        //:submit选取所有提交按钮        //:image选取所有图像按钮        //:reset选取所有重置按钮        //:button选取所有按钮        //:file选取所有上传域        $(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></head><body><form id="form1" action="#">    <input type="button" value="Button"/><br/>    <input type="checkbox" name="c"/>1<input type="checkbox" name="c"/>2<input type="checkbox" name="c"/>3<br/>    <input type="file" /><br/>    <input type="hidden" /><div style="display:none">test</div><br/>    <input type="image" /><br/>    <input type="password" /><br/>    <input type="radio" name="a"/>1<input type="radio" name="a"/>2<br/>    <input type="reset" /><br/>    <input type="submit" value="提交"/><br/>    <input type="text" /><br/>    <select><option>Option</option></select><br/>    <textarea rows="5" cols="20"></textarea><br/>    <button>Button</button><br/></form><div></div></form></body></html>
1 0
jQuery选择器 表单选择器

jQuery选择器表单选择器
