Jquery(九)

来源:互联网 发布:c语言的冒泡排序算法 编辑:程序博客网 时间:2024/04/30 09:32
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head>  <title>jQuery表单选择器 </title>  <meta name="Generator" content="EditPlus">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <script type="text/javascript" src="jquery-1.6.4.min.js"></script>  <script type="text/javascript">    $(document).ready(function(){        //获取文本框的个数        var textLength=$("#form1 :text").length;        //获取密码框的个数        var pLength=$("#form1 :password").length;        //获取单选按钮的个数        var rLength=$("#form1 :radio").length;        //获取复选框的个数        var cLength=$("#form1 :checkbox").length;        //获取文本域的个数        var fLength=$("#form1 :file").length;        //获取submit按钮的个数        var sLength=$("#form1 :submit").length;        //获取隐藏的个数 display:none也算一个        var hLength=$("#form1 :hidden").length;;        $("div").append("文本框有"+textLength+"个<br/>")        .append("密码框有"+pLength+"个<br/>")        .append("单选按钮有"+rLength+"个<br/>").        append("复选框有"+cLength+"个<br/>").        append("文本域有"+fLength+"个<br/>").        append("submit有"+sLength+"个<br/>").        append("hidden有"+hLength+"个<br/>").css("color","red");    });  </script> </head> <body>  <form id="form1">    文本框<input type="text"/><br/>    文本框<input type="text"/><br/>    密码框<input type="password"/><br/>    密码框<input type="password"/><br/>    单选按钮<input type="radio" name="s"/>    <input type="radio" name="s"/>    <br/>    复选框<input type="checkbox"/>    <input type="checkbox"/>    <input type="checkbox"/>    <input type="checkbox"/>    <input type="checkbox"/>    <br/>    文本域<input type="file"/>    <br/>    <input type="submit" value="提交"/>    <input type="submit" value="提交"/>    <br/>    <input type="hidden" value="1234"/>    <span style="display:none">我是span标签</span>  </form>  <div></div> </body></html>
0 0
原创粉丝点击