选择器与过滤器

选择器 selector

选择器: 就是定位条件；通知 jquery 函数定位满足条件的 DOM 对象，并将其封装为 jQuery 对象。

let $jObj = $(selector);

选择器作为参数时，外层要套一层 "" ，在 .css 文件中，直接给出选择器表示即可。$("selector")。

基本选择器

// id选择器
#id

// class选择器
.class类型名

// 标签选择器
tag标签名

// 所有选择器
*

组合选择器

组合选择器是多个被选对象间使用逗号分隔后形成的选择器，可以组合 id，class，标签名等。

selector1,selector2,selector3,...

表单选择器

表单相关元素选择器是指文本框、单选框、复选框、下拉列表等元素的选择方式。该方法无论是否存在表单 <form> ，均可做出相应选择。

表单选择器是为了能更加容易地操作表单， 表单选择器是根据元素类型来定义的。

<input type="text">
<input type="password">
<input type="radio">
<input type="checkbox">
<input type="button">
<input type="file">
<input type="submit">
<input type="reset">

表单选择器：

:type属性值

:text
:password

过滤器 filter

过滤器就是过滤条件，对已经定位到数组中 DOM 对象进行过滤筛选。

过滤条件不能独立出现在 jquery 函数，如果使用只能出现在选择器后方。

基本语法：

selector:filter

$("selector:filter")

基本过滤器

// 过滤出第一个
:first
// 过滤出最后一个
:last
// 过滤出指定下标
:eq(index)
// 过滤出指定下标前的所有
:lt(index)
// 过滤出指定下标后的所有
:gt(index)

表单过滤器

配合表单选择器使用

// 过滤出可用的文本框
:text :enabled
// 过滤出不可用的文本框
:text :disabled
// 过滤出复选框选中的元素
:checkbox :checked
// 过滤出指定下拉列表的被选中元素
select元素的选择器 > option :selected