jquery find(),eq() 返回值问题

最新推荐文章于 2025-06-04 02:51:55 发布

原创最新推荐文章于 2025-06-04 02:51:55 发布 · 7.1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#find

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文通过实例代码详细解析了jQuery中的find()函数返回值的特点。find()返回的是一个jQuery对象数组，可以直接调用jQuery方法如html()和eq()等，而通过数组下标获取的元素为DOM对象。

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

之前一直以为find()函数返回的是一个数组类型，并不是jquery对象，后来在开发中发现有的代码体现的并不是数组类型，就一直存在疑惑，现在做个总结。

直接上代码

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("#but").click(function(){
var $p= $("#b").find("p");
console.log($p);  //返回 m.fn.init(3).....
console.log(jQuery.type($p)); // 返回 object
console.log($p instanceof jQuery); //返回 true
console.log($p.html()); //返回 aa
console.log($p[1]); //返回 <p>bb</p>
console.log($p[1] instanceof jQuery); //返回 false
console.log($p.eq(1)); //返回 m.fn.init
console.log($p.eq(1) instanceof jQuery); //返回 true
console.log($p.eq(1).html());//返回 bb
})
})
</script>
</head>
<body id="b">
<p>aa</p>
<p>bb</p>
<p>cc</p>
<input type="button" value="点击" id="but"/>
</body>
</html>