碎碎念：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）之间最值得注意的不同点是他们各自的可及之范围。前者只达到紧随的同级元素，后者扩展了该达到跟随其的所有同级元素 ）