jQuery表单过滤器
来源:互联网 发布:gcp网络培训官网 编辑:程序博客网 时间:2024/05/16 10:12
jQuery表单过滤器
:input 所有的表单元素。(input / select / textarea/ button)
:text 文本框
<input type="text">
:password 密码框
<input type=" password ">
:radio 单选
<input type="radio">
:checkbox 复选框
<input type="checkbox">
:submit 提交按钮
<input type="submit">
:image 图片按钮
<input type="image" src="">
:reset 重置按钮
<input type="reset">
:file 文件上传
<input type="file">
:hidden 隐藏域
<input type="hidden">
,还可以获得<xxx style="display:none">
其他值:
<br> <option>
,存在浏览器兼容问题 :button 所有普通按钮。
<button > 或 <input type="button">
<!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"); //获取id为form的元素下的所有表单元素 var $AllInputs = $("#form1 :input"); //获取id为form的元素下的所有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") //显示所有的隐藏标签名称 $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>
1 0
- jQuery表单过滤器
- jQuery表单过滤器
- jQuery表单对象属性过滤器
- jQuery表单对象属性过滤器
- jquery表单对象属性过滤器
- jQuery之表单域属性过滤器
- Jquery实战学习--表单属性过滤器
- jquery表单对象的属性过滤器
- JQuery基本过滤选择器与表单对象过滤器
- jQuery选择器——表单属性对象过滤器
- Jquery——Day1(Jquery基本选择器+过滤选择器+表单选择器+表单过滤器)
- jQuery过滤器
- JQuery 过滤器
- jQuery过滤器
- jQuery过滤器
- jQuery过滤器
- JQuery--过滤器
- 表单编码过滤器
- Java编辑基础
- 初中OJ1834. 【NOIP2009TG】潜伏者
- PC端无法播放AVI视频
- web页面
- SVN实例--结合Myeclipse
- jQuery表单过滤器
- web
- 算术移位与逻辑移位有什么不同
- 配置JAVA环境变量
- 文件的转置
- 透视学的应用(三)
- networking-onos
- SVN版本控制--随笔
- Android 自定义View——动态进度条