首页 >web前端 >js教程 >jQuery表单域选择器用法分析_jquery

jQuery表单域选择器用法分析_jquery

WBOY
WBOY原创
2016-05-16 16:14:511220浏览

本文实例分析了jQuery表单域选择器用法。分享给大家供大家参考。具体如下:

表单域是指网页中的input,textarea, select和button元素。

1. :input选择器

复制代码 代码如下:
$(":input")

2. :text选择器

复制代码 代码如下:
$(":text")

3. :password选择器

复制代码 代码如下:
$(":password")

4. :radio选择器

复制代码 代码如下:
$(":radio")

5. :checkbox选择器

复制代码 代码如下:
$(":checkbox")

6. :file选择器

复制代码 代码如下:
$(":file")

7. :image选择器

复制代码 代码如下:
$(":image")

8. :hidden选择器

复制代码 代码如下:
$(":hidden")
用于选择所有不可见元素(css display 属性值为none)以及隐藏域()

9. :submit选择器

复制代码 代码如下:
$(":submit")

10. :reset选择器

复制代码 代码如下:
$(":reset")

简单实例:

复制代码 代码如下:
 
 
 
 
表单域选择器 
 
 
 
 
 
   
   
     
     
     
     
   
   
     
     
     
     
   
   
     
     
     
     
   
   
     
     
     
     
   
   
     
     
     
     
   
   
      
      
   
文本框密码框
单选按钮 复选框
图像文件域
隐藏域 (不可见)下拉列表
提交按钮重置按钮
文本区域:
 
 

效果图如下所示:

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn