问题:
介绍 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方法image -
.next()
next
取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器,那么只有紧跟着的兄弟元素满足选择器时,才会返回此元素。imageimage2.1.
.prev()
prev
正好相反,获取元素之前的同辈元素imageimage如果同辈之前没有元素则返回空
image -
.nextAll()
nextAll
获得每个匹配元素集合中每个元素所有后面的同辈元素,选择性筛选的选择器imageimage3.1.
.prevAll()
prevAll
与nextAll
相反,获取元素前面的同辈元素imageimage -
.siblings()
获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器image -
.parent()
取得匹配元素集合中,每个元素的父元素,可以提供一个可选的选择器image5.1.
.parents()
获得集合中每个匹配元素的祖先元素,可以提供一个可选的选择器作为参数image -
.children()
获得匹配元素集合中每个元素的子元素,选择器选择性筛选imageimage6.1.
.find()
查找符合选择器的后代元素image -
.filter()
筛选当前结果集中符合条件的对象,参数可以是一个选择器或者一个函数imageimage -
has()
筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素image -
.is()
判断当前匹配的元素集合中的元素,是否为一个选择器,DOM元素,或者jQuery对象,如果这些元素至少一个匹配给定的参数,那么返回trueimage