不是吧！！ ！ jQuery选择器,你要的都在这!!!

最近写项目，有太多地方要用选择器，有时找一个选择器要选很久，恼火。特意写此文档，以便今后查阅。
官方文档 ： https://jquery.cuishifeng.cn/index.html

基本选择器

① id选择器 $("#id")
② 标签选择器 $("标签名")
③ class选择器 $(".class")
④ 选择所有 $("*")
⑤ 多类型选择器 $("多类型，多类型，多类型") 你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。

层级选择器

1. 匹配祖宗元素下所有的指定子元素 —— $(" 父 子")

2. 匹配祖宗元素下第一个指定子元素 —— $("父 > 子")

3. 匹配指定元素(第一个) 后所有的指定元素(第二个) ——$("第一个 + 第二个")

4. 匹配指定元素(第一个) 后同级的指定元素（第二个）——$("第一个 ~ 第二个")

基本筛选器

1. 匹配到指定元素本身的第一个—— $('指定元素:first');
2. 匹配到指定元素本身的最后一个—— $('指定元素:last');
3. 匹配所有未选中的 指定元素 ——$("指定元素:not(:条件(可以填属性名))")
4. 匹配所有指定到的本身索引值为偶数的元素，从 0 开始计数 —— $("指定元素:even")
5. 匹配所有指定到的本身索引值为奇数的元素，从 0 开始计数 —— $("指定元素:odd")
6. 匹配到指定元素的元素索引，从0开始计数 —— $("指定元素:eq(索引值)")
7. 匹配所有大于给定索引值的元素,从0开始计数—— $("指定元素:gt(索引值)")
8. 匹配所有小于给定索引值的元素,从0开始计数—— $("指定元素:lt(索引值)")
9. 匹配所有的如 h1, h2, h3之类的标题元素 —— $(":header")
10. 匹配所有正在执行动画效果的元素 ——$("指定元素:animated")
11. 匹配当前获取焦点的元素。—— $(:focus)
12. 匹配该文档的根元素。 ——$(:root) 在HTML中，文档的根元素，和$(":root")选择的元素一样， 永远是html元素

内容选择器

1. 匹配包含给定文本的元素 —— $("指定元素:contains('文本片段')")
2. 匹配所有指定元素不包含子元素或者文本的空元素 —— $("指定元素:empty")
3. 匹配含有子元素或者文本的元素 ——$("指定元素:parent")
4. 匹配 指定元素(第一个) 所包含的 指定元素(第二个) 的元素 —— $("指定元素(第一个):has(指定元素(第二个))") 例：匹配所有包含 p 元素的 div 元素 $(“div:has§”)

可见选择器

1. 匹配指定元素所有不可见元素，或者type为hidden的元素,或者style={display:none}的元素 —— $("指定元素:hidden")
2. 匹配指定元素所有的可见元素 —— $("指定元素:visible")

属性选择器

1. 匹配包含给定属性的元素。——$("指定元素[属性]")
2. 匹配给定的属性是某个特定值的元素——$("指定元素[属性='属性值']")
3. 匹配所有不含有指定的属性，或者属性不等于特定值的元素。 ——$("指定元素[属性!='属性值']") 等级于此选择器等价于 :not([attr=value])
4. 匹配给定的属性的属性值是以 指定字的片段 开始的元素 —— $("指定元素[属性^='值片段']")
5. 匹配给定的属性的属性值是以 指定字的片段 结束的元素 —— $("指定元素[属性$='值片段']")
6. 匹配给定的属性的属性值是包含 指定字的片段的元素 —— $("指定元素[属性*='值片段']")
7. 复合属性选择器，需要同时满足多个条件时使用。 ——$("指定元素[属性条件1][属性条件2]。。。")

子元素选择器

1. 匹配所给选择器( :之前的选择器)的第一个子元素 ——$("父元素 子元素:first-child")
2. 匹配指定元素的父类 下的指定该 元素的第一个指定元素 【有点乱 ：： 结构化伪类，匹配E的父元素的第一个E类型的孩子】 ——$("指定元素:first-of-type");
3. 匹配其父元素下的第N个子或奇偶元素 ——$("父元素 子元素:nth-child(第几个)")

表单对象选择器

1. 匹配所有选中的被选中元素(复选框、单选框等，select中的option)，对于select元素来说，获取选中推荐使用 :selected ——$("input:checked")
2. 下拉框 匹配所有选中的option元素 ——$("select option:selected")
   示例

1. 给指定元素添加一个class类  .addClass(”类名“)
2. 给指定元素添加属性及属性值 .attr("checked", true);
3. 给指定属性添加css行内样式 .css({"属性":"值","属性":"值"});