欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-09 08:47:36
...
本文实例分析了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表单域选择器用法分析_jquery

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