首页 > 文章列表 > jquery表单元素过滤选择器使用方法

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

js jquery
172 2022-08-06

在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