jQuery学习笔记6:表单选择器-阿里云开发者社区

开发者社区> 安全> 正文
登录阅读全文

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






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

分享:
+ 订阅

云安全开发者的大本营

其他文章
最新文章
相关文章