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..
|
29天前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
14 1
|
3月前
|
JavaScript
jquery的9大选择器
jquery的9大选择器
28 2
|
3月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
40 5
|
6月前
|
JavaScript 前端开发 Java
jQuery入门&选择器
jQuery入门&选择器
|
28天前
|
安全 JavaScript 数据安全/隐私保护
jQuery会员中心安全修改表单特效
jQuery实现的会员中心安全修改表单特效代码是一款实现了可以修改登录密码,交易密码,手机号码,实名认证,电子邮箱,安全设置表单,会员表单等设置效果的代码
14 4
jQuery会员中心安全修改表单特效
|
1月前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
8 0
|
1月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
9 1
|
1月前
|
JavaScript 前端开发
jQuery选择器整理
jQuery选择器整理
13 0
|
1月前
|
前端开发 JavaScript 索引
第二章jQuery选择器
第二章jQuery选择器
8 0
|
1月前
|
JavaScript
jquery选择器案例分享
jquery选择器案例分享
9 0