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 EasyUI之验证框validatebox实例详解
Apr 10 jQuery
jquery实现一个全局计时器(商城可用)
Jun 30 jQuery
jQuery初级教程之网站品牌列表效果
Aug 02 jQuery
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
jQuery实现获取当前鼠标位置并输出功能示例
Jan 05 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jQuery实现简单全选框
Sep 13 jQuery
jquery自定义组件实例详解
Dec 31 jQuery
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 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
PHP中路径问题的解决方案
2006/10/09 PHP
php 变量定义方法
2009/06/14 PHP
解决php-fpm.service not found问题的办法
2017/06/06 PHP
jquery 选择器部分整理
2009/10/28 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
JQuery做的一个简单的点灯游戏分享
2014/07/16 Javascript
javascript学习笔记(二)数组和对象部分
2014/09/30 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
js中call()和apply()改变指针问题的讲解
2019/01/17 Javascript
js常用正则表达式集锦
2019/05/17 Javascript
小程序实现分类页
2019/07/12 Javascript
小程序如何定位所在城市及发起周边搜索
2020/02/11 Javascript
Sublime Text3 配置 NodeJs 环境的方法
2020/05/20 NodeJs
解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题
2020/07/24 Javascript
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
python中判断文件编码的chardet(实例讲解)
2017/12/21 Python
Pandas 数据框增、删、改、查、去重、抽样基本操作方法
2018/04/12 Python
python调用tcpdump抓包过滤的方法
2018/07/18 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
python生成特定分布数的实例
2019/12/05 Python
flask框架url与重定向操作实例详解
2020/01/25 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
擅自离岗检讨书
2014/09/12 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
初一英语教学反思
2016/02/15 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书