jQuery表单元素过滤选择器用法实例分析


Posted in jQuery onFebruary 20, 2019

本文实例讲述了jQuery表单元素过滤选择器用法。分享给大家供大家参考,具体如下:

前面jQuery内容过滤选择器与子元素过滤选择器,其中的例子稍微多一些解释也有点绕口,希望能帮助大家理解。今天学习表单元素过滤选择器,下面请看使用方法。

一、:enabled

选择器::enabled
描述:匹配所有可用元素
返回值:元素集合

示例:

$("input.mini:enabled")
//input.mini是DOM元素集合,:enabled是过滤条件

二、:disabled

选择器::disabled
描述:匹配所有不可用元素
返回值:元素集合

示例:

$("input.mini:disabled")
//input.mini是DOM元素集合,:disabled是过滤条件

三、:checked

选择器::checked
描述:匹配所有被选中的元素(复选框、单选框等,不包括select中的option)
返回值:元素集合

示例:

//【写法1】写法1与写法2等价
var checkedValues = $("input[type='checkbox']:checked")//input[type='checkbox']是DON元素集合,:checked是过滤条件,实际选中的是checkbox
//【写法2】
var checkedValues = $(":checkbox:checked");
checkedValues.each(function(i,checkedValue){
  alert($(checkedValue).val());
});

四、:selected

选择器::selected
描述:匹配所有选中的option元素
返回值:元素集合

示例:

//【写法1】
$("select option:selected")//select option是DOM元素集合,:selected是过滤条件,实际选中的是option
//【写法2】
$("select :selected")

若select中只有option子元素时,那写法1与写法2是等效的。

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
通过jQuery学习js类型判断的技巧
May 27 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jQuery实现简单评论功能
Aug 19 jQuery
jQuery实现电梯导航模块
Dec 22 jQuery
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 #jQuery
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 #jQuery
jQuery选择器之层次选择器用法实例分析
Feb 19 #jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 #jQuery
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 #jQuery
jQuery事件多次绑定与解绑问题实例分析
Feb 19 #jQuery
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 #jQuery
You might like
SONY ICF-F10中波修复记
2021/03/02 无线电
PHP图像处理类库及演示分享
2015/05/17 PHP
让您的菜单不离网站
2006/10/03 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
基于jQuery的合并表格中相同文本的相邻单元格的代码
2011/04/06 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
jquery设置表单元素为不可用的简单代码
2016/07/04 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
javascript实现获取中文汉字拼音首字母
2020/05/19 Javascript
JavaScript实现与web通信的方法详解
2020/08/07 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
python小技巧——将变量保存在本地及读取
2020/11/13 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
CSS3自定义滚动条样式的示例代码
2017/08/21 HTML / CSS
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
美国韩国化妆品和护肤品购物网站:Beautytap
2018/07/29 全球购物
伦敦鲜花递送:Flower Station
2021/02/03 全球购物
广州品高软件.net笔面试题目
2012/04/18 面试题
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
教职工代表大会主持词
2014/04/01 职场文书
维修工先进事迹
2014/05/29 职场文书
学雷锋标语
2014/06/25 职场文书
会计专业毕业生自荐书
2014/06/25 职场文书
国际会计专业求职信
2014/08/04 职场文书
文艺节目主持词
2015/07/06 职场文书
党员公开承诺书(2016最新版)
2016/03/24 职场文书
pytorch中的numel函数用法说明
2021/05/13 Python