jquery选择器返回值

最新推荐文章于 2023-05-24 20:36:29 发布

Tom098

最新推荐文章于 2023-05-24 20:36:29 发布

阅读量2.1k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/Tom098/article/details/103240478

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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

Tom098

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jquery选择器返回值

jquery选择器$('selector')返回的不是数组，而是封装好的jquery对象。但这个对象有一个特别的地方，就是查询到的节点被以下标为属性，添加到了jquery对象上，所以它看起来像数组，因为它存在一些属性是数字；比如如下的代码：<!DOCTYPE html><html lang="zh"><head> <meta char...
复制链接

扫一扫

专栏目录