介绍 jQuery 常见的选择器，以及以下 api 的用法

介绍 jQuery 常见的选择器，以及以下 api 的用法，给出范例

• .eq
• .next / .prev
• .nextAll / .prevAll
• .siblings
• .parent / .parents
• .children / .find
• .filter
• .has
• .is
  示例代码:

  
1
  
2
  

    3
  
p1
  
4
  
p2

  
我被选中了

1. .eq(index)
   对于一个特定结果集，我们想获取到指定index的jQuery对象，可以使用eq方法

   

   image

2. .next()
next取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器，那么只有紧跟着的兄弟元素满足选择器时，才会返回此元素。

   

   image
   

   image

   2.1. .prev()
prev正好相反，获取元素之前的同辈元素

   

   image
   

   image

   如果同辈之前没有元素则返回空

   

   image

3. .nextAll()
nextAll获得每个匹配元素集合中每个元素所有后面的同辈元素，选择性筛选的选择器

   

   image
   

   image

   3.1. .prevAll()
prevAll与nextAll相反，获取元素前面的同辈元素

   

   image
   

   image

4. .siblings()
   获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器

   

   image

5. .parent()
   取得匹配元素集合中，每个元素的父元素，可以提供一个可选的选择器

   

   image

   5.1. .parents()
   获得集合中每个匹配元素的祖先元素，可以提供一个可选的选择器作为参数

   

   image

6. .children()
   获得匹配元素集合中每个元素的子元素，选择器选择性筛选

   

   image
   

   image

   6.1. .find()
   查找符合选择器的后代元素

   

   image

7. .filter()
   筛选当前结果集中符合条件的对象，参数可以是一个选择器或者一个函数

   

   image
   

   image

8. has()
   筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素

   

   image

9. .is()
   判断当前匹配的元素集合中的元素，是否为一个选择器，DOM元素，或者jQuery对象，如果这些元素至少一个匹配给定的参数，那么返回true

   

   image