js jq中$().eq()和$().find()的用法

最新推荐文章于 2025-06-27 02:07:44 发布

林夕_______

最新推荐文章于 2025-06-27 02:07:44 发布

阅读量1.7w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： eq和find

本文链接：https://blog.youkuaiyun.com/jinyt_/article/details/77242822

JavaScript 专栏收录该内容

24 篇文章

订阅专栏

本文通过一个简单的HTML页面示例介绍了如何使用jQuery的$().find()和$().eq()方法来选择并修改DOM元素。$().find()用于获取指定元素的所有后代元素，而$().eq()则用于从匹配的元素集合中选取特定索引位置的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$().eq()方法，将匹配元素集缩减到指定 index 上的一个。

$().find()方法，返回被选元素的后代元素。后代是子、孙、曾孙，依此类推。

<!DOCTYPE html>
<html lang="zh">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>find/eq</title>
</head>
<style>
   .yellow { background:yellow; }
</style>
<body>
   <div class="box">
      <p>你<span>好</span>吗</p>
      <p>我很<span>好</span></p>
   </div>
</body>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script>
    $(".box").find("p").eq(1).addClass("yellow");
    $("p").find("span").css('color','red');
</script>
</html>