jQuery选择器

                                                jQuery选择器

  jQuery选择器分为四大部分;分别是基本选择器、层级选择器、过滤选择器、表单选择器

         在CSS中我们已经接触过选择器了,这里的基本选择器就是单个的id或者class以及元素选择器,用逗号隔开的复合选择器等;

        层级选择器就是该元素下的所有子元素或者他的下一个兄弟元素以及它后面的所有兄弟元素,它的子元素用>连接起来,下一个兄弟节点用加号连接,后面的其它兄弟节点用~连接起来;

       过滤选择器有分为很多种:

         1、基本过滤选择器:

              div:first- 匹配第一个div元素;

              div:last - 匹配最后一个div元素;

              div:even - 匹配div的下标为偶数的div元素;

              div:odd - 匹配div的下标为奇数的div元素;

              div:gt(n) - 匹配div元素的下标值大于n的div元素;

              div:lt(n) - 匹配div元素的下标值小于n的div元素;

              div:eq(n) - 匹配div元素的下标值等于n的div元素;

              :header - 匹配所有的标题(h1-h6);

              :animated - 匹配正在进行的动画;

         2、子元素过滤选择器:

              div:first-child - 匹配div其父元素的第一个子元素;

              div:last-child - 匹配div其父元素的最后一个子元素;

              div:nth-child(n) - 匹配div其父元素的第n个子元素,注意下标值从1开始;

              div:only-child - 匹配div其父元素只有一个子元素;

            注 - 子元素过滤选择器可以使用层级选择器+基本过滤选择器替代

         3、内容过滤选择器

              div:contains("xx") - 匹配div元素文本中包含xx的元素;

              div:empty - 匹配不包含文本和元素的任何div元素;

              div:parent - 匹配包含文本和元素的任何div元素;

              div:has("xxx") - 匹配满足xxx的div元素的父级div元素;

        4、可见行过滤选择器

             div:visible - 匹配所有可见的div元素;

             div:hidden - 匹配所有不可见的div元素;

        5、属性过滤选择器 

             div[title] - 匹配包含title属性的div元素;

             div[title=t1] - 匹配包含title属性等于t1的div元素;

             div[title^=t] - 匹配包含title属性是以t开头的div元素;

             div[title$=t] - 匹配包含title属性是以t结尾的div元素;

             div[title*=t] - 匹配包含title属性包含t的div元素;

         6、部分表单过滤选择器

              input:enabled - 匹配所有可用的input元素;

              input:disabled - 匹配所有不可用的input元素;

              :input - 匹配所有的input textarea select button元素

              :text - 匹配所有的单行文本框;

              :password - 匹配所有的密码框;

              :radio - 匹配所有的单选框;

              :checkbox - 匹配所有的复选框;

              :submit -  匹配所有的提交按钮;.....