JQuery选择器

      今天又把JQuery选择器拿来看了一遍，记录一下,同时也算是复习CSS了

1.JQuery属性选择器：

  elem[attr]  选择具有attr属性的元素

  elem[attr=val]  选择具有attr属性且该属性值为val的元素

  elem[attr^=val]  选择具有attr属性，且该属性值是以val开头的

  elem[attr$=val]   选择具有attr属性，且该属性值时以val结尾的

  elem[attr|=val]    选择具有attr属性，且该属性值是以val加上连字号-开头或者等于val的元素

  elem[attr*=val]    选择具有attr属性，且该属性值含有val子串的元素

  elem[attr!=val]    选择具有attr属性，且该属性值不等于val的元素

  elem[attr~=val]   选择具有attr属性，且该属性中值为val或者是以空格分隔的具有val单词形式的元素

2.JQuery位置选择器：

    :even  匹配集合中的偶数成员

    :odd    匹配集合中的奇数成员

    :first    匹配集合中的第一个元素

    :last    匹配集合中的最后一个元素

    :eq(num)   匹配集合中的第num+1个元素

    :gt(num)    匹配集合中索引值大于num值的元素，即选择了第num+2及其以后

    :lt(num)    匹配集合中索引值小于num值的元素

3.JQuery基本过滤器

    :animated   选择当前正在执行的动画元素

    :even  :odd   :gt(num)   :lt(num)   :first     :last     【前边已写】

    :header   匹配所有的标题元素，如h1，h2等

    :not(selector)    匹配与选择器不匹配的元素

   

4.JQuery表单元素过滤器中，主要知道 :input过滤器匹配所有input，textarea，select，button元素

5.JQuery可见性过滤选择器

    :hidden     选择所有隐藏的元素

    :visible      选择所有可见元素

6.JQuery内容过滤器

    :containers(文本)   选择所有包含文本内容的元素

    :has(选择器)      选择至少含有一个元素与指定选择器相匹配的元素

    :empty    选择不包含子元素或文本的空元素

    :parent   选择所有包含子元素或文本节点的元素

7.JQuery子元素过滤器

   :first-child      选定父元素的第一个子元素

   :last-child       选定父元素的最后一个子元素

   :nth-child()     选定每个父元素的第n个子元素

   :only-child    选择具有唯一子元素的父元素