如何在jQuery中使用表单元素过滤选择器

如何在jQuery中使用表单元素过滤选择器？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

jquery是什么

jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。

一、: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中使用表单元素过滤选择器的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！