jq选择器

基本选择器
1.id选择器：选择id为q的元素-->$("#q")
2.类选择器：选择class为q的元素--> $(".q")
3.标签选择器：选择元素名为div的元素--> $("div")
           选择全部元素-->  $("*")
           选择所有span元素和id为tank的div元素 -->$("#tank,span")

层次选择器
1.选择body中所有的div元素    -->$("body div")
2.选择body中所有元素名为div的子元素    -->$("body>div")
3.选择class为adc的下一个div元素      -->$(".adc+div")
4.选择id为tank的元素后面的所有div元素     -->$("#tank~div")

基本过滤选择器
1.选择第一个div元素 -->$("div:first")
2.选择最后一个div元素  -->$("div.last")
3.选择class不为adc的所有div元素-->$("div:not(.adc)")
4.选择索引值为偶数的div元素 -->$("div:even")
5.选择索引值为奇数的div元素 -->$("div:odd")
6.选择索引等于3的元素 -->$("div:eq(3)")
7.选择索引大于3的元素 -->$("div.gt(3)")
8.选择索引小于3的元素 -->$("div.lt(3)")
9.选择所有标题元素 -->$(":header")

内容过滤选择器
1.选取div含有文本di的元素 -->$("div:contains('di')")
2.选取div不包含子元素的div空元素-->$("div:empty")
3.选取含有class为sup的元素-->$("div:has('.sup')")
4.选取含有子元素的div元素 -->$("div:parent")

属性选择器
1.选取含有属性title的div元素-->$("div[title]")
2.选取属性title值等于top的div元素-->$("div[title='top']")
3.选取属性title值不等于top的div元素-->$("div[title!='top']")
4.选取属性title值以 t  开头的div元素-->$("div[title^=' t ']")
5.选取属性title值以 id  结尾的div元素-->$("div[title$='id']")
6.选取属性title值含有  t  的div元素-->$("div[title*=' t ']")
7.选取属性id为qq 且 title值含有top的div元素 -->$("div[id='qq'][title*='top']")

子元素过滤选择器
1.选取每个class为adc的div父元素下的第2个子元素 -->$("div.adc :nth-child")
2.选取每个class为adc的div父元素下的第一个子元素 -->$("div.adc :first-child")
3.选取每个class为adc的div父元素下的第一个子元素 -->$("div.adc :last-child")
4.如果class为adc的div父元素下的仅仅只有一个子元素，那么选中这个子元素 -->$("div.adc :only-child")