jQuery选择器返回值 - 极悦
专注Java教育14年 全国咨询/投诉热线:444-1124-454
极悦LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 jQuery选择器返回值

jQuery选择器返回值

更新时间:2021-09-01 11:19:38 来源:极悦 浏览1345次

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");

以上就是极悦小编介绍的"jQuery选择器返回值",希望对大家有帮助,想了解更多可查看 jQuery教程。极悦在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>