jQuery之表单域属性过滤器
2012-03-11 20:17
519 查看
表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域。
1::checked选择器
用于选择所有被选中的表单域。格式:$("selector:checked"),可以是input,radio和checkbox
2::enabled选择器
用于选择所有可用的表单域,格式:$("selector:enabled")
3::disabled选择器
用于选择所有被禁用的表单域,格式:$("selector:disabled")
4::selected选择器
用于从列表框选择所有选中的option元素,格式:$("selector:selected")
5::hidden选择器
用于选择所有的不可见元素
$("selector:hidden")
6::visible选择器
用于选择所有的可见元素
简单示例:
效果图:
1::checked选择器
用于选择所有被选中的表单域。格式:$("selector:checked"),可以是input,radio和checkbox
2::enabled选择器
用于选择所有可用的表单域,格式:$("selector:enabled")
3::disabled选择器
用于选择所有被禁用的表单域,格式:$("selector:disabled")
4::selected选择器
用于从列表框选择所有选中的option元素,格式:$("selector:selected")
5::hidden选择器
用于选择所有的不可见元素
$("selector:hidden")
6::visible选择器
用于选择所有的可见元素
简单示例:
<!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>表单域属性过滤选择器应用示例</title> <script type="text/javascript" src="jquery-1.7.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input:checked").css("border", "1px solid red"); $("input:disabled").css("background", "#FCF"); $("input:enabled").val("可用文本框"); }); </script> </head> <body> <h3 align="center">表单域属性过滤选择器应用示例</h3> <table width="602" height="81" border="1"> <tr> <td width="118">复选框:</td> <td width="443"><input type="checkbox" checked="checked" />被选中的复选框 <input type="checkbox" checked="checked" />被选中的复选框 <input type="checkbox" />没有被选中的复选框 </td> </tr> <tr> <td>可用文本框:</td> <td><input type="text"/></td> </tr> <tr> <td>不可用文本框:</td> <td><input type="text" disabled="disabled" /></td> </tr> <tr> <td>下拉列表</td> <td> <select name="test" > <option>浙江</option> <option>湖南</option> <option selected="selected">北京</option> <option selected="selected">天津</option> <option>广州</option> <option>湖北</option> </select> </td> </tr> </table> </body> </html>
效果图:
相关文章推荐
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery表单域属性过滤器用法分析
- jquery表单对象属性过滤器
- jQuery表单对象属性过滤器
- jQuery表单对象属性过滤器
- jquery表单对象的属性过滤器
- jQuery表单域属性过滤器用法分析
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery编程基础精华(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- JQuery属性过滤器不完整
- jQuery实现全选与不全选及表单对象属性过滤
- jquery 属性过滤器
- jQuery(2-8)表单对象过滤属性选择器
- JQuery formValidator表单验证插件属性介绍
- jquery中通过过滤器获取表单元素的实现代码
- 【11】jQuery学习——入门jQuery选择器之过滤选择器-表单对象属性过滤选择器
- 【jQuery】无须id、name与class等属性,直接对表单中的所有表单项进行遍历、判断、检验
- 使用Jquery动态加入对象的集合属性,提交集合属性到表单
- Jquery实战学习--表单属性过滤器
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理