gpt4 book ai didi

javascript - 使用 jQuery 按 id 与数组索引进行选择

转载 作者:行者123 更新时间:2023-12-02 17:21:40 25 4
gpt4 key购买 nike

当 jQuery 返回 DOM 元素数组时,我很难理解它与 jQuery 返回单个 DOM 元素时有何不同,如下面的代码所示:

<html>
<head>
<title>A simple login form</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
function validateInput() {
var input = $('input');
var passwordById = $("#password1");
var passwordByIndex = input[0];
// What's the difference between these?
passwordById.val(); // Value of password field
passwordByIndex.val(); // Undefined!
}
</script>
</head>
<body>
<form>
<h2>Username</h2>
<input type="text" id="username" required>
<h2>Password</h2>
<input type="password" id="password" required>
<input type="button" value="Submit" onClick="validateInput()">
</form>
</body>

我想使用passwordByIndex,因为我希望迭代数组$('input')。

最佳答案

这里的区别在于,一个是 jQuery 对象,一个是 DOM 元素。请使用以下代码片段来帮助:

// this gives me a jQuery object. Might reference one element, might reference multiple
var jQueryElement = $(".myclass");

// I can just call jQuery routines on the jQuery element:
var innerHtml = jQueryElement.html();

// this would give me a dom element
var domElement = jQueryElement[0];

// ... to call jQuery routines on a traditional element I need get back
// to a jQuery object:
var myHTML = $(domElement).html();

希望这有助于解释其中的差异。正如上面评论中所述,您可能会发现以下问题很有用:

关于javascript - 使用 jQuery 按 id 与数组索引进行选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23895337/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com