將DOM元素選擇代碼轉換爲jQuery

我有一個很大的Javascript代碼轉換爲jQuery。代碼的結構使得DOM元素在Javascript中創建（使用名爲DomBuilder的庫），並且在將其添加到DOM之前將其保存到變量（如果稍後需要它們）。將DOM元素選擇代碼轉換爲jQuery

例如，

var inputs = 
{ 
    submitConfirm: INPUT({type: 'button', value: 'Submit'}), 
    submitCancel : INPUT({type: 'button', value: 'Cancel'}) 
}; 

document.appendChild(inputs.submitConfirm);

再後來例如...

inputs.submitCancel.style.display = 'none'; 
inputs.submitCancel.addEventListener('click', onClickSubmitCancel, false);

我的問題是，jQuery的似乎缺少直接操作DOM元素的一種方式，而不是首先選擇他們（與例如$（」 #submitCancel'）。

任何人都可以建議考慮到DOM元素已經上市，方式上面給出的使用jQuery的最後兩個JavaScript線直接轉化，因此不需要進行選擇？

來源

2010-05-03 Tom McDonnell

出於好奇：爲什麼要爲一個完成的工作腳本添加一個重量級的框架？ – RoToRa 2010-05-03 12:41:35

用於跨瀏覽器兼容性。該代碼目前僅適用於Firefox。 – 2010-05-04 09:31:52

任何DOM元素可以被包裝成一個jQuery對象很容易：

var myObject = $(domElement)

隨着myObject的，你可以使用jQuery的方法。

來源

2010-05-03 12:19:39 kgiannakakis

啊！簡單！我的轉換項目將如我所希望的那樣簡單直接。謝謝大家的及時回覆。 – 2010-05-03 12:33:19

使用$(elementVar)來獲取包含DOM元素的jQuery對象。對於例如你給：

$(inputs.submitCancel).hide().click(onClickSubmitCancel);

來源

2010-05-03 12:19:03 interjay

$(inputs.submitCancel).css('display', 'none');

和

$(inputs.submitCancel).bind('click', onClickSubmitCancel);

見http://api.jquery.com/jQuery/看到什麼jQuery的接受。

來源

2010-05-03 12:20:49 Matt

將DOM元素選擇代碼轉換爲jQuery

回答

相關問題