如何訪問從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。