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()

get()

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

1 个答案: