javascript - 如何在 jQuery 中访问从 document.getelementbyId() 获取的 JavaScript 对象？

Question

假设我的页面中有一个 JavaScript 函数和一个元素:

<input id="Button1" type="button" value="button" />

JS函数:

function demo() {
var id = document.getElementById('Button1');
}

现在 id 将包含“Button1”的对象。

如何通过 jQuery 访问 id？

Answer 1

jQuery 通过类似 CSS 的选择器工作，使用 jQuery factory object (它是更短、更容易输入的 $ 符号的别名):

var interestingButton = jQuery("#Button1");
// Or alternately
var interestingButton = $("#Button1");

如果您已经拥有一个 DOM 元素，您可以简单地使用 jQuery 包装器来包装它 invoking the same factory function :

var interestingDOMButton = document.getElementById("Button1");
var interestingjQueryButton = $(interestingDOMButton);