问题:
介绍 jQuery 常见的选择器,以及以下 api 的用法,给出范例
.eq
.next / .prev
.nextAll / .prevAll
.siblings
.parent / .parents
.children / .find
.filter
.has
-
.is
示例代码:
<body>
<ul class="ul">
<li>1</li>
<li>2</li>
<li class="li3">
<span>3</span></li>
<p>p1</p>
<li>4</li>
<p>p2</p>
</ul>
<p>我被选中了</p>
</body>
-
.eq(index)
对于一个特定结果集,我们想获取到指定index的jQuery对象,可以使用eq方法
-
.next()
next
取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。
2.1..prev()
prev
正好相反,获取元素之前的同辈元素
如果同辈之前没有元素则返回空
-
.nextAll()
nextAll
获得每个匹配元素集合中每个元素所有后面的同辈元素,选择性筛选的选择器
3.1..prevAll()
prevAll
与nextAll
相反,获取元素前面的同辈元素
-
.siblings()
获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器
-
.parent()
取得匹配元素集合中,每个元素的父元素,可以提供一个可选的选择器
5.1..parents()
获得集合中每个匹配元素的祖先元素,可以提供一个可选的选择器作为参数
-
.children()
获得匹配元素集合中每个元素的子元素,选择器选择性筛选
6.1..find()
查找符合选择器的后代元素
-
.filter()
筛选当前结果集中符合条件的对象,参数可以是一个选择器或者一个函数
-
has()
筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素
-
.is()
判断当前匹配的元素集合中的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数,那么返回true