jquery 选择器的常见的用法

最常用的选择器：

      #id, *,  .class

     其中*为找到每一个元素；

其他的选择器：

     :animated    

           匹配所有正在执行动画效果的元素，$("div:not(:animated)").animate({ left: "+=20" }, 1000);

     :not(selector)            

           去除所有与给定选择器匹配的元素，selector用于筛选的选择器。

     :button

          匹配所有按钮  ,$(":button")

     :checkbox

         匹配所有复选框,  $(":checkbox")

   :radio

      匹配所有单选按钮,$(":radio")

   :reset


       匹配所有重置按钮,  $(":reset")


      :checked

         匹配所有选中的被选中元素(复选框、单选框等，不包括select中的option),  $("input:checked")

    :selected

       匹配所有选中的option元素,  $("select option:selected")

    :submit

       匹配所有提交按钮,  $(":submit")

    :text

       匹配所有的单行文本框

    :visible

       匹配所有的可见元素,  $("tr:visible")


      :contains(text)

         匹配包含给定文本的元素,   $("div:contains('John')")

      :disabled

         匹配所有不可用元素,  $("input:disabled")

     :empty

         匹配所有不包含子元素或者文本的空元素, $("td:empty")

   :parent

      匹配含有子元素或者文本的元素,  $("td:parent")


     :enabled

        匹配所有可用元素,   $("input:enabled")

    :eq(index)

        匹配一个给定索引值的元素,   index 从 0 开始计数 ,  $("tr:eq(1)")

    :even  

       匹配所有索引值为偶数的元素，从 0 开始计数, $("tr:even")

   :odd


         匹配所有索引值为奇数的元素，从 0 开始计数， $(":odd");


    :file 

       匹配所有文件域, $("input:file")

   :first

      获取第一个元素,$("li:first")

   :last

     获取最后一个元素，$("li:last")

  :first-child

       匹配第一个子元素,':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素   $("ul li:first-child")

  :last-child

      匹配最后一个子元素,':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素, $("ul li:last-child")

  :focus

      触发每一个匹配元素的focus事件。$("#login:focus");

   :gt(index)

       匹配所有大于给定索引值的元素,   $("tr:gt(0)")

 

   :lt(index)

        匹配所有小于给定索引值的元素, index 从 0 开始计数,   $("tr:lt(2)")

   :has(selector)

          匹配含有选择器所匹配的元素的元素,  $("div:has(p)").addClass("test");

   :header

         匹配如 h1, h2, h3之类的标题元素

  :hidden

        匹配所有不可见元素，或者type为hidden的元素

    :image

        匹配所有图像域,$(":image")

    :input

         匹配所有 input, textarea, select 和 button 元素,  $(":input")

 
    :nth-child(index)

       匹配其父元素下的第N个子或奇偶元素,$("ul li:nth-child(2)").匹配所有ul下的第二个li

 

    :only-child

         如果某个元素是父元素中唯一的子元素，那将会被匹配.如果父元素中含有其他元素，那将不会被匹配。$("ul li:only-child")

    :password

        匹配所有密码框,$(":password")

   :nth-of-type(2||2n)

   获取第二个或者为偶数的div，   .content div:nth-of-type(2n)

   .content div:nth-of-type(2n+1） 获取奇数的div