如何访问从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

这是非常简单的，你可以简单地使用它：

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

Answer 2

这已经有一段时间，因为我试过，但我认为你只是做$（ID）

Answer 3

尝试是这样的：

$(demo()).show(); 

Answer 4

的jQuery通过使用CSS类选择工作的jQuery factory object（其化名为更短，更容易输入$符号）：

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

如果你已经有 DOM元素，你可以通过简单地invoking the same factory function与jQuery的包装包起来：

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

Answer 5

var id = $('#Button1') 

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

Answer 6

传递javascript DOM对象到jQuery(element)函数将返回jQuery对象。

jQueryObj = jQuery(id); 

OR

jQueryObj = $(id); 

这将是更好，如果你直接让jQuery对象，而无需创建使用id selector DOM对象。

jQueryObj = $('#Button1'); 

对于id选择，jQuery使用JavaScript函数 的document.getElementById（），这是非常有效的。当另一个 选择器连接到id选择器（例如h2＃pageTitle）时，jQuery 会执行额外的检查，然后将该元素标识为 匹配，Reference。