Jquery·选择器

jQuery选择器：

css选择器：

    标签选择器：body {}     p {}     div {};

    ID选择器：#userName {}；

    类选择器：.userName {}     div.user {}

    群组选择器：    body,div,ul,li,p {}

    后代选择器：    #div a {}

    通配符：    * {}

    子选择器： .div>p {}

    临近选择器：.div+ul {}

过滤选择器：

    1.基本过滤选择器：

        1）：    ：first—选取第一个元素——$('div:first')

        2）：    ：last—选取最后一个元素——$('div:last')

        3）：    ：not(selector)—选取不是（selector）的元素——$('div:not(.myClass)')

        4）：    ：even—选取索引为偶数的元素——$('div:even')

        5）：    ：odd—选取索引为奇数的元素——$('div:odd')

        6）：    ：eq(index)—选取索引等于index的元素——$('div:eq(1)')

        7）：    ：gt(index)—选取索引大于index的元素——$('div:gt(1)')

        8）：    ：lt(index)—选取索引小于index的元素——$('div:lt(1)')

        9）：    ：header—选取所有标题元素——$('div:header')

        10）：    ：animated—选取当前正在执行动画的元素——$('div:animated')

2.内容过滤选择器：

         1）：    ：contains(text)—选取含有文本内容text的元素——$('div:contains('我')')

         2）：    ：empty—选取不包含子元素或文本的空元素——$('div:empty)

         3）：    ：has(selector)—选取含有选择器所匹配的元素的元素——$('div:has(p)')

         4）：    ：parent—选取含有子元素或者文本的元素——$('div:parent')

3.可见性过滤选择器：

         1）：    ：hidden—选取所有不可见的元素——$('div:hidden')

         2）：    ：visible—选取所有可见的元素——$('div:bisible')

4.属性过滤选择器：

         1）：    ：[attribute]—选取拥有此属性的元素——$('div[id]')

         2）：    ：[attribute=value]—选取属性值为value的元素——$('div[id=123]')

         3）：    ：[attribute!=value]—选取属性值不为value的元素——$('div[id!=123]')

         4）：    ：[attribute^=value]—选取属性的值以value开头的元素——$('div[id^=123]')

         5）：    ：[attribute$=value]—选取属性值以value结尾的元素——$('div[id$=123]')

         6）：    ：[attribute*=value]—选取属性值含有value的元素——$('div[id*=123]')

         7）：    ：[selector][selector][selector]—选取属性值含有多个条件的的元素——$('div[id*=123][id*!=123][id^=123]')

5.子元素过滤选择器：

         1）：    ：nth-child(index/even/odd/quation)—选取第index个元素或者索引为奇数或者偶数的元素——$('div:nth-child(1)')/$('div:nth-child(even)')

         2）：    ：first-child—选取每个父元素的第一个子元素——$('div:first-child')

         3）：    ：last-child—选取每个父元素的最后一个子元素——$('div:last-child')

         4）：    ：only-child—选取每个父元素的唯一元素——$('div:only-child')

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

        1）：    ：enabled—选取所有可用元素——$('div:enabled')

        2）：    ：disabled—选取所有不可用元素——$('div:disabled')

        3）：    ：checked—选取所有被选中的元素——$('div:checked')

        4）：    ：selected—选取所有被选中的元素（下拉列表）——$('div:selected')

表单选择器：

  1）  :input     选取所有input元素    $(':input')

  2）  :text     选取所有单行文本元素    $(':text')

  3）  :password  选取所有密码框元素    $(':password')

  4）  :radio     选取所有单选框元素    $(':radio')

  5）  :checkbox     选取所有复选框元素    $(':checkbox')

  6）  :submit  选取所有提交按钮元素    $(':submit')

  7） :image     选取所有image按钮元素    $(':image')

  8）  : reset    选取所有reset按钮元素    $(':reset')

  9）  :button    选取所有button按钮元素    $(':button')

 10）  :file    选取所有file按钮元素    $(':file')

 11）  :hidden    选取所有hidden元素    $(':hidden')