jQuery 表单选择器

简介:

一、表单选择器

wKiom1ngMxfRMt87AADTPGVCo8Q650.png

   wKioL1ngMyOS6ptuAADV3GmtZZM917.png

:input:获取所有表单中的元素,包含input元素、textarea元素、select元素、button元素。

例如:

HTML代码:

1
2
3
4
5
6
< form >
< input  type = "text"  name = "user"  value = "123" >
< input  type = "password"  name = "pass"  value = "456" >
< textarea ></ textarea >
< select ></ select >
</ form >


JS代码:

1
alert($( ':input' ).size())

结果:4

如果选取name=“user”的元素,可以这样:

1
$(':input[name="user"]')


注意:$(':input')这种选择元素的方式本身没有问题,但如果html代码中有多个input元素,如果使用

1
$('form :input')

这种方式选择元素会有助于提高效率


二、表单过滤器

wKiom1ngPf6joaYgAADqyNuSx3g454.png

元素默认都是enabled,即可用的。如果要把一个元素设置为不可用的,则在元素中加上disabled="disabled",例如:

1
< input  type = "text"  disabled = "disabled"  name = "user"  value = "123" >











本文转自 曾哥最爱 51CTO博客,原文链接:http://blog.51cto.com/zengestudy/1972105,如需转载请自行联系原作者

目录
相关文章
N..
|
6月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
46 1
|
1月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
30 2
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
40 5
|
1月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
5月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
35 0
|
5月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 选择器
jQuery 选择器
25 3
|
1月前
|
移动开发 JSON 数据可视化
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
50 0
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
30 1