jQuery选择器

Posted 2022-01-12 qinzhenyu

1.jQuery选择器的优势 

      (1)简洁的写法 

      (2)完善的处理机制

 2.jQuery选择器的类型    

      (1)通过CSS选择器选取元素     基本选择器     层次选择器     属性选择器  

      (2)通过过滤选择器元素    

           基本过滤选择器    

           可见性过滤选择器

3.基本选择器 

       标签选择器  element 指定的标签名元素 

       类选择器    .class  指定class元素 

       id选择器    #id     指定id元素 

       并集选择器  select1,...selectN 将每个选择器匹配的元素合并后一起返回 

       全局选择器  *       匹配所有元素

4.层次选择器 

        后代选择器 root offsping    选取root元素里的所有offsping(后代)元素 

       子选择器   parent>child     选取parent元素下的child(子)元素 

        相邻元素选择器  prev+next   选取紧邻prev元素之后的next元素 

        同辈元素选择器  prev~sibings   选取prev元素之后的所有sibings(同辈)元素

5.属性选择器 

        []   包含指定属性的元素 

        [=]  等于指定属性是某个特定值的元素 

        [!=] 不等于指定属性是某个特定值的元素 

        [^=] 选取指定属性是以某些特定值开始的元素 

        [$=] 选取指定属性是以某些特定值结尾的元素 

        [*=] 选取指定属性值包含某些值的元素

6.基本过滤选择器 

    :first   第一个元素 

    :last    最后一个元素 

    :not(select)  去除所有与给定选择器匹配的元素 

    :even   索引是偶数的所有元素 

     :odd   索引是奇数的所有元素 

     :eq(index)   索引等于index的元素 

      :gt(index)   索引大于index的元素 

      :lt(index)   索引小于index的元素 

      :header      所有标签的元素:如h1-h6 

      :focus   选取当前获取焦点的元素 

      :animated   所有动画元素7.可见性过滤选择器 

      :visible   所有可见的元素 

      :hidden    所有隐藏的元素

8.编写选择器时要注意特殊符号和空格。