品易云推流 关闭
文章详情页
文章 > JavaScript > jquery表单元素过滤选择器使用方法

jquery表单元素过滤选择器使用方法

js jQuery

头像

宋雪维

2021-01-26 14:23:522892浏览 · 0收藏 · 0评论

在jquery众多选择器中,有专门针对表单进行过滤的表单元素过滤选择器,包括四种类型:1、enabled选择器;2、disabled选择器;3、checked选择器;4、selected选择器。分别根据所选择的表单元素进行不同条件的过滤。本文介绍jquery表单元素过滤选择器使用方法。

1、enabled选择器

选择所有的可用的元素,返回集合元素。

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

2、disabled选择器

选择所有的不可用的元素,返回集合元素。

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

3、checked选择器

选择所有被选中的元素(单选框,复选框),返回集合元素。

var checkedValues = $("input[type='checkbox']:checked")
//input[type='checkbox']是DON元素集合,:checked是过滤条件,实际选中的是checkbox

4、selected选择器

选择所有被选中选项元素(下拉列表),返回集合元素。

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

以上就是jquery中四种表单元素过滤选择器使用方法,希望能对你有所帮助哦~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图