开发者社区> 余二五> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【jquery Ajax 】form表单教学+评论案例
【jquery Ajax 】form表单教学+评论案例
0 0
jquery form表单.serialize()序列化后中文乱码问题原因及解决
jquery form表单.serialize()序列化后中文乱码问题原因及解决
0 0
表单验证插件jquery-validation以及案例
表单验证插件jquery-validation以及案例
0 0
jQuery_表单事件|学习笔记
快速学习 jQuery_表单事件
0 0
jQuery_表单|学习笔记
快速学习 jQuery_表单
0 0
php如何接受jquery表单序列化后的值
php如何接受jquery表单序列化后的值
0 0
jquery $.post 序列化表单ajax提交
jquery $.post 序列化表单ajax提交
0 0
Jquery表单验证
用JQuery实现添加用户(用户注册登录同理)表单验证功能
0 0
基于Bootstrap的jQuery登录表单
在线演示 本地下载
703 0
JQuery实现注册表单验证
效果图如下: 注册页面HTML代码如下: 美多商城-注册 商品美 · 种类多 · 欢迎光临 用户注册 登录 用户名: ...
1417 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
JavaScript函数
立即下载
低代码开发师(初级)实战教程
立即下载