jQuery元素选择器返回列表而不是HTML标签

Question

我创建了一个HTML文档，当我使用jQuery时，得到的结果出乎意料，而不是在Google Chrome控制台中看到HTML标记。

当我使用Javascript时，它起作用了。

有我缺少的设置吗？

这是我的HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>jQuery Demo</title>
    <!-- <script type="text/javascript" src="lib/jquery-3.4.1.min.js"></script> -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>

<body>

    <h1>jQuery Demo</h1>

    <ul>
        <li>Newt</li>
        <li>Howler Monkey<a href="monkey.com"> Monkey.com</a></li>
        <li id="adorable">Pine Marten</li>
    </ul>

    <a href="https://www.google.com">GOOGLE</a>
</body>

</html>

Google控制台中的以下jQuery代码

$("h1")

应该导致

<h1>jQuery Demo</h1>

但是结果只是一个列表，0给了我整个对象。

每行的初始打开和最后关闭双引号都存在，因此我可以按原样发布它。

"$("h1")"

"k.fn.init [h1, prevObject: k.fn.init(1)]"

"0: h1"

"length: 1"

"prevObject: k.fn.init [document]"

"__proto__: Object(0)"

Answer 1

$('h1')[0] === $('h1').get(0) ===第一个元素的DOM对象

$('h1').eq(0) ===第一个jQuery元素

eq（）

得到（）

jQuery元素选择器返回列表而不是HTML标签

问题描述

1 个解决方案

解决方案1
0 2019-08-15 05:06:12

jQuery元素选择器返回列表而不是HTML标签

问题描述

1 个解决方案

解决方案1 0 2019-08-15 05:06:12

解决方案1
0 2019-08-15 05:06:12