jQuery 遍历

最新推荐文章于 2023-03-22 08:25:42 发布

小游66

最新推荐文章于 2023-03-22 08:25:42 发布

阅读量92

点赞数

分类专栏：程序语言

本文链接：https://blog.csdn.net/xiaoyou625/article/details/111133929

版权

程序语言专栏收录该内容

200 篇文章 5 订阅

订阅专栏

本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问

jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。

祖先

//比如下面这个获取祖先
$(document).ready(function(){
  $("span").parent();
});

后代

//下面的例子返回属于 <div> 后代的所有 <span> 元素：
$(document).ready(function(){
  $("div").find("span");
});

同胞

jQuery siblings() 方法

siblings() 方法返回被选元素的所有同胞元素。

jQuery next() 方法

next() 方法返回被选元素的下一个同胞元素。
该方法只返回一个元素。

jQuery nextAll() 方法

nextAll() 方法返回被选元素的所有跟随的同胞元素。

jQuery nextUntil() 方法

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。

过滤

jQuery first() 方法

first() 方法返回被选元素的首个元素。

jQuery last() 方法

last() 方法返回被选元素的最后一个元素。

jQuery eq() 方法

eq() 方法返回被选元素中带有指定索引号的元素。

jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

jQuery not() 方法

not() 方法返回不匹配标准的所有元素。
提示：not() 方法与 filter() 相反。

我这里随便拿一个举例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
   $("p").not(".url").css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<p>菜鸟教程 (index 0).</p>
<p class="url">http://www.runoob.com (index 1)。</p>
<p>google (index 2).</p>
<p class="url">http://www.google.com (index 3)。</p>
</body>
</html>

效果

小游66

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 遍历

本文档为个人博客文档系统的备份版本、作者：小游、作者博客：点击访问jQuery 遍历，意为"移动"，用于根据其相对于其他元素的关系来"查找"（或选取）HTML 元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。祖先//比如下面这个获取祖先$(document).ready(function(){ $("span").parent();});后代//下面的例子返回属于 <div> 后代的所有 <span> 元素：$(document.
复制链接

扫一扫