jQuery选择器

1.什么是jQuery选择器

        jQuery选择器继承了CSS与Path语言的部分语法，允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择，而不必担心浏览器的兼容性，通过jQuery选择器对页面元素精准定位，才能完成元素属性和行为的处理。

2.jQuery选择器的优势

（1）代码更简单

（2）支持CSS1到CSS3选择器

（3）完善的处理机制

3.jQuery选择器

   主要分为四大类：基本选择器、层次选择器、过滤选择器、表单选择器

（1）基本选择器

         1）根据给定的id选择元素

         2）根据元素名称匹配元素

         3）根据类名称匹配元素

         4）*   匹配所有元素

（2）层次选择器

        层次选择器通过DOM元素之间的层次关系来获取元素，主要的层次关系包括父子、后代、相邻、兄弟关系。

        1） 以空格匹配所有的后代元素

        2）根据父元素匹配所有的子元素

        3）+  匹配该元素的相邻元素

        4）~  匹配该元素之后的所有兄弟元素

（3）过滤选择器

        过滤选择器分为6种：简单过滤选择器、内容多虑选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器

      1）简单过滤选择器

               first()或:first  ：过去第一个元素

               last()或:last  ：获取最后一个元素

                 :not()  ：获取除给定元素外的所有元素

                :even  ：获取所有索引值为偶数的元素，索引值从0开始

                :odd  ：获取所有索引值为奇数的元素，索引值从0开始

               :eq(index)  ：获取指定索引值的元素，索引值从0开始

              :gt(index)  ：获取大于给定索引值的元素，索引值从0开始

              :lt(index)  ：获取小于给定索引值的元素，索引值从0开始

       2）内容过滤选择器

               :contains(text)  ：获取包含指定文本的元素

               :empty  ：过去所有不包含子元素或文本的空元素

               :has()   ：获取含有指定元素的元素

               :partents  ：获取含有子元素或文本的元素

      3)可见性过滤选择器 

            可见性过滤选择器是根据元素是否可见的特征开获取元素

           :hidden  ：获取所有不可见元素或者type为hidden的元素

            :visible  ：获取所有的可见元素

   4）属性过滤选择器

            属性过滤选择器是根据元素的某个属性获取元素。

             [class]  ：获取包含指定属性的元素

            [class='2']  ：获取给定的属性是某个特定值的元素

           [class!='2']  ：获取不等于给定属性的特定值的元素

            [class^='2']  ：获取给定属性是以某些值开始的元素

            [class$='2'] ：  获取给定的属性是以某些值结尾的元素

            [class*='2']  ：获取给定的属性包含某些值的元素

           [class=' '][id=' '] ：获取满足多个条件的复合属性的元素

    5）子元素过滤选择器

               :nth-child() ：获取每个父元素下的特定位置，索引号从1开始

               :first-child  ：获取每个父元素下的第一个子元素

               :last-child  ：获取每个父元素下的最后一个子元素

               :only-child  ：获取每个父元素下仅有的一个子元素

     6）表单对象属性过滤选择器

             :enabled  ：获取所有可用元素

             :disabled  ：获取所有不可用元素

             :checked  ：获取所有被选中的元素（单选框、复选框）

             :selected  ：获取所有被选中的选项（下拉框）