JQuery selector

基础：
 #id：根据对象的id属性获取对象。                                                         $('#first').html();
 element：匹配某一HTML标签的所有对象                                               $('div').length
 .class：根据对象的class属性获取对象                                                    $('.red').length
 *：获取所有的对象                                                                               $('*').length
 selector1, selector2, selectorN：获取多个选择符的合集，不剔出重复项   $('.red,#second,p').length

 

层级选择符：
 ancestor descendant：这个选择符就是空格，表示先找到第一个选择符的所有对象，然后在他的子孙节点中找到所有符合第二个选择符   的对象。
 parent > child：这个选择符就是大于号，表示先找到第一个选择符的所有对象，然后在他的子节点（不能是孙节点）中找到所有符合第二个选择符的对象。
 prev + next：这个选择符就是加号，表示先找到第一个选择符的所有对象，然后找和他同级的紧跟着的下一个节点同时符合第二个选择符的对象。
 prev ~ siblings：这个选择符就是~号，表示先找到第一个选择符的所有对象，然后找和他同级的以后所有节点里面同时符合第二个选择符的对象

 

 

基础过滤符:
 :first：匹配多个对象中的第一个对象
 :last：匹配多个对象中的最后一个对象
 :not(selector)：匹配去除了not后面选择符中内容的项
 :even：匹配所有对象中的第偶数个
 :odd：匹配所有对象中的第奇数个
 :eq(index)：匹配某一下表的单独某元素
 :gt(index)：匹配大于某一下标的所有元素
 :lt(index)：匹配小于某一下标的所有元素
 :header：匹配所有的header元素，例如h1,h2,h3,h4,h5,h6
 :animated：匹配所有有动画效果的元素

 

文本过滤符：
 :contains(text)：匹配内部拥有该文本元素的对象，包含间接有用的情况
 :empty：匹配所有没有子元素的对象
 :has(selector)：匹配所有至少含有一个子选择符的对象
 :parent：匹配所有的父对象，父对象包含那些只含有文本的对象

可见性过滤符：
 :hidden：匹配所有隐藏对象，或者input中的hidden类型
 :visible：匹配所有可见的对象

 

属性过滤符：
 [attribute]：匹配拥有某一属性的所有对象
 [attribute=value]：匹配拥有某一属性和值的对象
 [attribute!=value]：匹配拥有某一属性，且不是某一值的对象
 [attribute^=value]：匹配拥有某一属性，且以某一值开头的对象
 [attribute$=value]：匹配拥有某一属性，且以某一值结尾的对象
 [attribute*=value]：匹配拥有某一属性，且包含某一值的对象
 [selector1][selector2][selectorN]：匹配同时符合多个属性选择符的对象

 

 

子过滤符：
 :nth-child(index/even/odd/equation)：匹配子元素中的某一下标/偶数/奇数/等式的对象，:eq(index)只能匹配某单一对象的子元素特征，而这个方法可以匹配多个对象的某一子元素共同特征
 :first-child：匹配第一个子元素
 :last-child：匹配最后一个子元素
 :only-child：如果一个父元素只有一个子元素，就匹配这个子元素