专注Java教育14年
全国咨询/投诉热线：444-1124-454
更新时间：2021-09-01 11:19:38 来源：赢咖4 浏览1222次
jquery选择器$('selector')返回的不是数组，而是封装好的jquery对象。但这个对象有一个特别的地方，就是查询到的节点被以下标为属性，添加到了jquery对象上，所以它看起来像数组，因为它存在一些属性是数字;
比如如下的代码：
<!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 id="nihaome">你<span>好</span>吗</p>
<p>我很<span>好</span></p>
</div>
</body>
<script type="text/javascript" src="./static/js/jquery-1.12.4.min.js"></script>
<script>
$(".box").find("p").eq(1).addClass("yellow");
$("p").find("span").css('color','red');
console.log($(".box").find("p"));
console.log(document.getElementById("nihaome"));
</script>
</html>
console.log($(".box").find("p"))的输出是：
console.log(document.getElementById("nihaome"))的输出是：
如果需要访问jquery选择器返回的一组对象的某一个，可以使用.eq(index)方法，比如：
$(".box").find("p").eq(1).addClass("yellow");
以上就是赢咖4小编介绍的"jQuery选择器返回值"，希望对大家有帮助，想了解更多可查看 jQuery教程。赢咖4在线学习教程，针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识，让同学们更好更方便的学习和了解Java编程，感兴趣的同学可以关注一下。
Java实验班
0基础 0学费 15天面授
Java就业班
有基础 直达就业
Java夜校直播班
业余时间 高薪转行
Java在职加薪班
工作1~3年，加薪神器
Java架构师班
工作3~5年，晋升架构
提交申请后，顾问老师会电话与您沟通安排学习
官方微信
官方抖音
