碎碎念:jQuery 选择器
- 基础选择器
- 属性过滤选择器
- 基本过滤选择器
- 子元素过滤选择器
- 内容过滤选择器
- 表单选择器
- 层级选择器
基础选择器
- "
* ":选择所有元素
- "
.class ":.class选择给定样式类名的所有元素
- "
#id ":选择给定id属性的元素
- "
div ":选择所有div标签的元素
属性过滤选择器
- $("[属性 | '值']"):选择指定属性值等于给定字符串或以该字符串为前缀
- $("[属性*= '值']"):选择指定属性具有包含一个给定的子字符串的元素。(选择给定的属性是以包含某些值得元素)
- $("[属性~= '值']"):选择指定属性用空格分隔的值包含一个给定值的元素
- $("[属性= '值']"):选择指定属性是给定值的元素
- $("[属性!= '值']"):选择不存在指定属性,或者指定的属性值不等于给定值的元素
- ("[属性= '值']"):选择指定属性是以给定值结尾的元素,这个元素是区分大小的
- $("[属性^= '值']"):选择指定属性是以给定字符串开始的元素
- $("[属性]"):选择所有具有指定属性的元素,该属性可以是任何值
- $("[属性|过滤1] [属性|过滤2][属性|过滤n]"):选择匹配所有指定的属性筛选器的元素
基本过滤选择器
- $(":
animated"):选择所有正在执行动画效果的元素
- $(":
eq(index)"):index 要匹配元素的索引值(从0开始计数)
- $(":
eq(-index)"):-index 要匹配与阿奴的索引值(从0开始计数),是从倒数第一个元素开始计数
- (":‘even‘"):选择索引值为偶数的元素,从0开始计数,也可查看(":
odd"):选择索引值为奇数的元素。(⚠️:这是基于索引值为0的,所以:even选择器是选择第一个元素,第三个元素,以此类推在匹配)
- $(":
first"):选择第一个匹配的元素
- $(":
focus"):选择当前获取焦点的元素
- $(":
header"):选择所有标题元素(h1、h2、h3)
- $(":
last"):选择最后一个匹配的元素
- (":‘gt‘(index)")/(":
gt(-index)"):选择匹配集合中所有大于给定index(索引)的元素
- (":‘lt‘(index)")/(":
lt(-index)"):选择匹配集合中所有索引值小于给定index 参数的元素
- $(":
not(selector)"):选择所有元素去除不匹配给定的选择器的元素
子元素过滤选择器
- :
first-child:选择所有父级元素下的第一个子元素
- :
last-child:选择所有父级元素下的最后一个子元素
- :
first-of-type:选择所有相同的与阿奴名称的第一个兄弟元素
- :
last-of-type:选择的所有元素之间具有相同元素名称的最后一个兄弟元素
- :
nth-child(index/even/odd/equation):选择的他们所有父元素的第n个子元素
内容过滤选择器
- :
contains("text"):选择所有包含指定文本的元素
- :
empty:选择所有没有子元素的元素(包括文本节点)
- :
has():选择元素其中至少包含指定选择器匹配的一个元素
- :
parent:选择所有含有子元素或者文本的父级元素
表单选择器
- :
button:选择所有按钮元素和类型为按钮的元素
- :
checkbox:选择所有类型为复选框的元素
- :
checked:匹配所有勾选的元素
- :
disabled:选择所有被禁用的元素
- :
enabled:选择所有被禁用的元素
- :
file:选择所有类型为文件(file)的元素
- :
focus:选择当前获取焦点的元素
- :
imagex:选择所有图像类型的元素
- :
radio :选择所有类型为单选框的元素
- :
input:选择所有input、textarea、select和button的元素
- :
password:选择所有类型为密码的元素
- :
submit:选择所有类型为提交的元素
- :
hidden:选择所有不可见的元素
层级选择器
- ("
parent>child"):选择所有指定“parent”父元素中指定的“child”直接子元素
- ("
ancestor descendant"):选择给定的祖先元素的所有后代元素(任何有效的选择器 doscendant:一个用来筛选后代元素的选择器)
- ("
prev+next"):选择所有进接在“prev”元素后的“next”元素(⚠️:注意:1、prev:任何有效的选择器 2、next:用于筛选紧跟在“prev”后面的元素的选择器)
- ("
prev-siblings"):匹配“prev”元素之后的所有兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器(⚠️:1、prev:任何有效的选择器 2、sibling:一个选择器来过滤第一选择器以后的兄弟元素 3、(prev~siblings)和(prev+next)之间最值得注意的不同点是他们各自的可及之范围。前者只达到紧随的同级元素,后者扩展了该达到跟随其的所有同级元素 )