jquery表单元素过滤选择器
来源:互联网 发布:淘宝宝贝违规记录没了 编辑:程序博客网 时间:2024/05/22 07:05
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>09-表单选择器.html</title> <!-- 引入jQuery --> <script src="../js/jquery-1.8.3.js" type="text/javascript"></script> <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");//form1中所有的表单元素var $inputs = $("#form1 input");//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")//显示所有的隐藏标签名称$allhidden.each(function(){$("div").append("<br/>").append($(this).get(0).nodeName);}); $("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></body></html>
0 0
- jquery表单元素过滤选择器
- 一步一步学习 JQuery (四) 过滤选择器:属性过滤选择器 && 子元素过滤选择器 && 表单过滤选择器
- jQuery选择器——表单元素过滤选择器
- jQuery 表单元素和表单对象属性的过滤选择器
- jQuery表单过滤选择器
- jquery表单过滤选择器
- jQuery_表单元素过滤选择器
- jquery表单对象过滤选择器
- jquery子元素过滤选择器
- jquery子元素过滤选择器
- jquery子元素过滤选择器
- jQuery子元素过滤选择器
- jQuery-子元素过滤选择器
- jquery子元素过滤选择器,
- jquery子元素过滤选择器
- jQuery选择器 过滤选择器(六.表单对象属性过滤选择器)
- JQuery选择器(9子元素过滤选择器)
- jQuery选择器之过滤选择器之子元素过滤选择器
- SSL2058 字符串编辑
- virtual box安装ms-dos6.22
- linux安装redis详解
- getColor过时,setTextColor的现用方法
- 简单的摇筛子判断对比
- jquery表单元素过滤选择器
- 设计模式---生成器(Builder)
- CI框架 DB缓存注意:手动开关缓存
- USACO2.2 集合
- jvm堆内存分代
- Java日志全解析(上)
- MySQL学习笔记
- 递推HDU2074
- 美邦威集成呼吸墙饰