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程序设计有所帮助。