jQuery基本筛选器

jQuery基本筛选器

jQuery基本筛选器，是js中没有的一个功能。可以批量选 择或在一批元素中特定选择一个元素，一般与选择器配合使用，非常方便。

:first

选择符合条件的元素中的第一个元素。
html代码

   <div></div>
   <div></div>
   <div></div>

jquery代码

   //选中第一个div
    $("div:first").text("第一个div")

---

:last

选中符合条件的最后一个元素
html代码

   <div></div>
   <div></div>
   <div></div>

jquery代码

   //选中最后一个div
    $("div:last").text("最后一个div")

---

:even

选中符合条件的元素中索引为偶数的元素

   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>

   //选中索引为偶数的元素
    $("div:even").text("索引为偶数的元素")

---

:odd

选中符合条件的元素中索引为奇数的元素

   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>

   //选中索引为奇数的元素
    $("div:odd").text("索引为奇数的元素")

---

:not()

驱除与给定条件匹配的元素，条件在()中写。

<input type="checkbox" name="first">
<input type="checkbox" name="second" checked="checked">

//选中的元素为第一个
$("input:not(:checked)").css("height" , "50px")

---

:gt(index)

匹配大于给定索引的元素

   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>

   //匹配索引大于一的元素
   $("div:gt(1)").text("索引大于一的元素")

---

:lt(index)

匹配小于给定索引的元素

   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>

   //匹配索引小于一的元素
   $("div:lt(1)").text("索引小于一的元素")

---

:eq(index)

匹配指定索引的元素

   <div></div>
   <div></div>
   <div></div>
   <div></div>
   <div></div>

   $("div:eq(2)").text("索引小于一的元素");

---

:header

匹配h系列的元素

   <h2 class="demo"></h2>
   <div class="demo"></div>

   $("div:header").text("h系列的标签的元素");

---

:focus()

匹配当前具有焦点的元素

   <input type="text">
   <input type="text">

    //选中当前具有焦点的元素
    $("inout:focus").css("border" , "1px solid red")

---

:animated

匹配当前的动画元素

---

好了，这就是所有的筛选器了。