首页 > web前端 > js教程 > jQuery表单域属性过滤器用法分析_jquery

jQuery表单域属性过滤器用法分析_jquery

WBOY
发布: 2016-05-16 16:14:45
原创
1121 人浏览过

本文实例讲述了jQuery表单域属性过滤器用法。分享给大家供大家参考。具体分析如下:

表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域。

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选择器

用于选择所有的可见元素

简单示例:

复制代码 代码如下:
 
 
 
 
表单域属性过滤选择器应用示例 
 
 
 
 

表单域属性过滤选择器应用示例

 
 
   
     
     
   
   
     
     
   
   
     
     
   
    
     
     
   
复选框: 被选中的复选框 
    被选中的复选框 
    没有被选中的复选框 
   
可用文本框:
不可用文本框:
下拉列表 
     
 
 
 

效果图:

希望本文所述对大家的jQuery程序设计有所帮助。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板