jQuery表单元素过滤选择器用法实例分析
更新时间：2019年02月20日 09:11:04 作者：changuncle
这篇文章主要介绍了jQuery表单元素过滤选择器用法,结合实例形式分析了jQuery表单元素过滤选择器针对表单元素匹配相关操作技巧,需要的朋友可以参考下
本文实例讲述了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常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
关于juqery radio写法的兼容性问题(新老版本jquery)
最近经客户反映，页面某些效果无反应，经查找，发现juqery的写法有问题（jquery获取radio值）,主要是因为新版本修改了部分实现方式。2010-06-06
我们在做web项目的时候，经常会使用到提示效果。html自带的提示效果是label标签的title，但是这个效果过于简单和难看，并且不方便调整样式。今天我偶然发现个jQuery的插件，可以很方便的做出漂亮的提示效果。2015-04-04
下面小编就为大家带来一篇jQuery数组处理函数整理。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
本文给大家分享的是使用abort来终止JQUERY的$.AJAX请求的方法和示例，有需要的小伙伴可以参考下2016-02-02
这篇文章给大家介绍了jquery 图片轮播代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
这篇文章主要介绍了分别用jQuery和CSS将背景图片进行拉伸，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果,需要的朋友可以参考下2015-10-10
jQuery学习笔记——jqGrid的使用记录（实现分页、搜索功能）
这篇文章主要介绍了jQuery学习笔记——jqGrid的使用记录（实现分页、搜索功能），想要学习jQuery的可以了解一下。2016-11-11
这篇文章主要介绍了使用jQuery制作基础的Web图片轮播效果的实例,鼠标悬停时可停止而离开时可自动轮播,文中还介绍了一种使用zslider插件来实现的方法,比较犀利,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了jQuery实现下拉框选择图片功能,可实现带图片的下拉列表功能,涉及jquery插件imageselect.js的使用,需要的朋友可以参考下2015-08-08
自己以前做的列表双向选择器，感觉有点挫，昨天闲着没事改进了一下，把元素改成了select option这样就支持shift多选，感觉好多了2013-08-08
最新评论