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






相关文章
|
4月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
49 2
|
5月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
60 5
|
8月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
47 0
|
4月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$("p") 选取所有段落元素,而 $("button").click(function(){ $("p").hide(); }) 实现点击按钮后隐藏所有段落。
|
5月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
5月前
|
JavaScript
jQuery 选择器
jQuery 选择器
37 3
|
5月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
42 1
|
4月前
|
移动开发 JSON 数据可视化
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
85 0
|
6月前
|
JavaScript 前端开发 程序员
后端程序员的前端必备-jQuery核心学习笔记
后端程序员的前端必备-jQuery核心学习笔记
78 13
|
6月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
49 1