jQuery学习笔记6:表单选择器

简介:

1    常规选择器

   alert($('input').size());  
   alert($('input').val());  //元素名定位,默认获取第一个
   alert($('input').eq(1).val());        //同上,获取第二个,这种写法语义不清晰,
   alert($('input[type=password]').val());        //选择type 为password 的字段,语义清晰一点,
   alert($('input[name=pass]').val());  //选择name 为user 的字段,推荐这种模式


2    表单选择器

wKioL1MC6qSxcdqIAAN11YUZrRU640.jpg

样例:

   alert($('input').size());  //获取所有表单字段元素
   alert($(':input[name=city]').size()); //获取特定元素
   alert($(':text').size());   //获取单行文本框元素
   alert($(':password[name=pass]').size());   //获取密码栏元素
   alert($(':radio').size());    //获取单选框元素
   alert($(':radio[name=sex]').eq(1).val());  
   alert($(':radio[name=sex]').last().val());

   alert($('form :hidden').size());  //获取隐藏字段元素

备注:form用来限定范围


3    表单过滤器

wKioL1MC7WPB8lcXAAFh9Sbzi0E976.jpg

样例:

   alert($('form :enabled').size());   //获取表单中所有可用元素
   alert($('form :disabled').size());  //获取表单中所有不可用元素    
   alert($('form :checked').size());   //获取单选、复选框中被选中的元素
   alert($('form :selected').get(0));   //获取下拉列表中被选中的元素




     本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1360078,如需转载请自行联系原作者






相关文章
N..
|
1月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
14 1
|
3月前
|
JavaScript
jquery的9大选择器
jquery的9大选择器
28 2
|
30天前
|
安全 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
|
1月前
|
JavaScript 索引
jQuery选择器 获取元素的十一种方式
jQuery选择器 获取元素的十一种方式
|
2月前
|
JavaScript 前端开发 数据格式
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
46 0