## jquery选择器 #### jQuery基本选择器 （1）元素选择器；`$("元素名")` （2）id选择器； `$("#id名")` （3）class选择器； `$(".类名")` （4）群组选择器；`$("选择器1 , 选择器2 ,……,选择器n")` （5）*选择器; `*{padding:0;margin:0;}` #### jQuery层次选择器 $("M N") 后代选择器，选择M元素内部后代N元素（所有N元素） $("M>N") 子代选择器，选择M元素内部子代N元素（所有第1级N元素） $("M~N") 兄弟选择器，选择M元素后所有的同级N元素 $("M＋N") 相邻选择器，选择M元素相邻的下一个元素（M、N是同级元素 #### jQuery属性选择器 $("选择器[attr]") 选择包含给定属性的元素 $("选择器[attr='value']") 选择给定的属性是某个特定值的元素 $("选择器[attr != 'value']") 选择所有含有指定的属性，但属性不等于特定值的元素 $("选择器[attr *= 'value']") 选择给定的属性是以包含某些值的元素 ```javascript $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> 元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first") 每个 <ul> 的第一个 <li> 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素 ``` ### jQuery伪类选择器 ```javascript :not(selector) 选择除了某个选择器之外的所有元素 :first或first() 选择某元素的第一个元素（非子元素） :last或last() 选择某元素的最后一个元素（非子元素） :odd 选择某元素的索引值为奇数的元素 :even 选择某元素的索引值为偶数的元素 :eq(index) 选择给定索引值的元素，索引值index是一个整数，从0开始 :lt(index) 选择所有小于索引值的元素，索引值index是一个整数，从0开始 :gt(index) 选择所有大于索引值的元素，索引值index是一个整数，从0开始 ``` ```javascript :first-child 选择父元素的第1个子元素 :last-child 选择父元素的最后1个子元素 :nth-child(n) 选择父元素下的第n个元素或奇偶元素，n的值为“整数|odd|even” :only-child 选择父元素中唯一的子元素（该父元素只有一个子元素） ``` ```javascript :first-of-type 选择同元素类型的第1个同级兄弟元素 :last-of-type 选择同元素类型的最后1个同级兄弟元素 :nth-of-type 选择同元素类型的第n个同级兄弟元素，n的值可以是“整数|odd|even” :only-of-type 匹配父元素中特定类型的唯一子元素（但是父元素可以有多个子元素） ```