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？

score 2 · Accepted Answer

jQuery 通过类似 CSS 的选择器使用jQuery工厂对象（别名为更短、更易于键入的$符号）来工作：

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

如果你已经有一个 DOM 元素，你可以通过简单地调用相同的工厂函数来使用 jQuery 包装器来包装它：

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

score 2 · Accepted Answer

将javascriptDOM对象传递给jQuery( element )函数将返回jQuery对象。

jQueryObj = jQuery(id);

或者

jQueryObj = $(id);

如果您直接制作 jQuery 对象而不使用id 选择器创建 DOM 对象会更好。

jQueryObj = $('#Button1');

对于 id 选择器，jQuery 使用 JavaScript 函数 document.getElementById()，效率极高。当另一个选择器附加到 id 选择器时，例如 h2#pageTitle，jQuery 在将元素标识为匹配项之前执行附加检查，即Reference。

score 0 · Accepted Answer

0

自从我尝试这个已经有一段时间了，但我认为你只是做 $(id)

于 2013-07-21T05:06:42.313 回答

score 0 · Accepted Answer

0

尝试这样的事情：

$(demo()).show();

于 2013-07-21T05:06:50.980 回答

score 0 · Accepted Answer

0

var id = $('#Button1')

现在 id 将包含 'Button1' 的对象。

于 2013-07-21T05:07:25.227 回答

score -1 · Accepted Answer

-1

这很简单，你可以简单地使用它：

$('#Button1') or  $(id)

于 2013-07-21T05:07:24.187 回答

6 回答 6