不是吧！！ ！ 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);