JQuery--选择器

 

层次选择器：

• $("ancestor descendant")  

               选取ancestor元素里的所有descendant（后代）元素  

              $("div span")选取div里的所有span元素

• $("parent descendant")  

                选取parent元素下的子元素

• $("prev + next")  

                选取紧接在prev元素后的next元素

                $(".one + div")选取为class为one的元素的下一个同辈元素

• $("prev ~ siblings")  

                选取紧接在prev元素后所有的的siblings元素

                $(""#two~div)选取id为two的元素后面的所有同辈元素

过滤选择器：

• :first 

• :last

• :not(selector)

               去除所有与给定选择器匹配的元素

• :even

               选取索引是偶数的所有元素，索引从0开始

• :odd

               选取索引是奇数的所有元素，索引从0开始

• :eq(index)

• :gt(index)

• :lt(index)

• :header

                选取所有的标题元素，比如<H1>

• :animated

                选取当前正在执行动画的元素

• :focus

                选取当前获得焦点的元素

• :contains('text')

                选取含有内容为text的元素

• :has(selector)

• :parent

                选取含有子元素或者文本的元素

                $("div:parent")选取拥有子元素(包括文本元素)的div

• :hidden

• :visible      

• [attribute]

                选取拥有此属性的元素     $("div[id]")

• [attribute=value]

                选取属性值等于value的元素

• [attribute！=value]

• [attribute^=value]

                选取属性值以value开始的元素

• [attribute$=value]

                选取属性值以value结束的元素

• [attribute*=value]

                选取属性值含有value的元素

• [attribute~=value]

                选取属性值用空格分隔的值中包含value的元素

• [attribute|=value]

                选取属性值等于给定字符串或以该字符串为前缀的元素

• [attribute1][attribute2]...[attributeN]

                符合属性选择器。每选择一次，缩小一次范围

• :nth-child(index/even/odd/equation)

                选取每个父元素下的第index个元素或奇偶元素(index从1开始)

• :first-child

• :last-child

• :only-child

• :enable

• :disable

• :checked

• :selected

• :input   :text   :file