Question

我有一个很大的Javascript代码库来转换为jQuery。代码的结构使得DOM元素在Javascript中创建（使用名为DomBuilder的库），如果稍后需要它们，则在添加到DOM之前保存到变量中。

例如

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'）。

任何人都可以建议直接翻译上面给出的最后两个Javascript行来使用jQuery，因为DOM元素已经可用，所以不需要选择吗？

Answer 1

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

和

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

请参阅http://api.jquery.com/jQuery/以了解jQuery接受的内容。

Answer 2

使用$(elementVar)获取包含DOM元素的jQuery对象。对于您给出的示例：

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

Answer 3

任何DOM元素都可以很容易地包装到jQuery对象中：

var myObject = $(domElement)

使用myObject，您可以使用jQuery方法。

将DOM元素选择代码转换为jQuery

3 个答案: