第34章 介绍 jQuery 常见的选择器，以及以下 api 的
2019-05-28 本文已影响0人
kzc爱吃梨
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div id="header">
<div class="container">
<div class="child">1 </div>
<div class="child">2 hello</div>
<div class="child">3 hello</div>
<div class="child">4</div>
<p class="ok">ok</p>
</div>
</div>
</body>
</html>
-
eq
对于一个特定结果集，我们想获取到指定index的jQuery对象，可以使用eq方法
image.png
-
.next / .prev
next取得匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。如果提供一个选择器，那么只有紧跟着的兄弟元素满足选择器时，才会返回此元素。prev正好相反，获取元素之前的同辈元素
[图片上传失败...(image-270e12-1559016769063)]
[图片上传失败...(image-9f7923-1559016769063)] -
.nextAll / .prevAll
nextAll获得每个匹配元素集合中每个元素所有后面的同辈元素，选择性筛选的选择器，prevAll与之相反，获取元素前面的同辈元素
image.png
-
.siblings
获得匹配元素集合中每个元素的兄弟元素,可以提供一个可选的选择器
image.png
-
.parent / .parents
.parent
取得匹配元素集合中，每个元素的父元素，可以提供一个可选的选择器
image.png
.parents
获得集合中每个匹配元素的祖先元素，可以提供一个可选的选择器作为参数
image.png
-
.children / .find
.children([selector])
获得匹配元素集合中每个元素的子元素，选择器选择性筛选
image.png
.find([selector])
查找符合选择器的后代元素
image.png
-
.filter
筛选当前结果集中符合条件的对象，参数可以是一个选择器或者一个函数
image.png
-
.has
判断当前匹配的元素集合中的元素，是否为一个选择器，DOM元素，或者jQuery对象，如果这些元素至少一个匹配给定的参数，那么返回true
image.png
-
.is
筛选匹配元素集合中的那些有相匹配的选择器或DOM元素的后代元素
image.png
