JQuery 表单选择器的例子

发布时间:2020-09-03编辑:脚本学堂
本文介绍了jquery 表单选择器的使用方法,一个JQuery 表单选择器的例子,有需要的朋友参考学习下。

例子,jquery 表单选择器 实例代码。
 

复制代码 代码示例:
<!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>
    <title>JQuery 表单选择器_www.jb200.com</title>
</head>
<body>
1、:input 用法: $(”:input”) ;   返回值  集合元素
      说明:匹配所有 input, textarea, select 和 button 元素
2、:text 用法: $(”:text”) ;  返回值  集合元素
      说明: 匹配所有的单行文本框.
3、:password 用法: $(”:password”) ; 返回值  集合元素
      说明: 匹配所有密码框.
4、:radio 用法: $(”:radio”) ; 返回值  集合元素
     说明: 匹配所有单选按钮.
5、:checkbox 用法: $(”:checkbox”) ; 返回值  集合元素
      说明: 匹配所有复选框
6、:submit 用法: $(”:submit”) ;   返回值  集合元素
      说明: 匹配所有提交按钮.
7、:image 用法: $(”:image”)   返回值  集合元素
      说明: 匹配所有图像域.
8、:reset 用法: $(”:reset”) ;  返回值  集合元素
      说明: 匹配所有重置按钮.
9、:button 用法: $(”:button”) ;  返回值  集合元素
      说明: 匹配所有按钮.这个包括直接写的元素button.
10、:file 用法: $(”:file”) ;  返回值  集合元素
     说明: 匹配所有文件域.
11、:hidden 用法: $(”input:hidden”) ; 返回值  集合元素
      说明: 匹配所有不可见元素,或者type为hidden的元素.这个选择器就不仅限于表单了,除了匹配input中的hidden外,那些style为hidden的也会被匹配.
      注意: 要选取input中为hidden值的方法就是上面例子的用法,但是直接使用 “:hidden” 的话就是匹配页面中所有的不可见元素,包括宽度或高度为0的,
</body>
</html>