Javascript DOM元素选择代码到jQuery的转换
我有一个很大的Javascript代码库要转换为jQuery。代码的结构使DOM元素在Javascript中创建(使用名为DomBuilder的库),并在添加到DOM之前保存到变量(如果以后需要) 例如 然后,例如,稍后Javascript DOM元素选择代码到jQuery的转换,javascript,jquery,selection,Javascript,Jquery,Selection,我有一个很大的Javascript代码库要转换为jQuery。代码的结构使DOM元素在Javascript中创建(使用名为DomBuilder的库),并在添加到DOM之前保存到变量(如果以后需要) 例如 然后,例如,稍后 inputs.submitCancel.style.display = 'none'; inputs.submitCancel.addEventListener('click', onClickSubmitCancel, false); 我的问题是jQuery似乎缺少直接操作
inputs.submitCancel.style.display = 'none';
inputs.submitCancel.addEventListener('click', onClickSubmitCancel, false);
我的问题是jQuery似乎缺少直接操作DOM元素的方法,而不是先选择它们(例如$('submitCancel')
鉴于DOM元素已经可用,因此无需选择,有人能建议一种方法直接翻译上面给出的最后两行Javascript以使用jQuery吗?使用$(elementVar)
获得包含DOM元素的jQuery对象。对于您给出的示例:
$(inputs.submitCancel).hide().click(onClickSubmitCancel);
任何DOM元素都可以很容易地包装到jQuery对象中:
var myObject = $(domElement)
对于myObject,您可以使用jQuery方法
$(inputs.submitCancel).css('display', 'none');
及
看看jQuery接受了什么。Ah!很简单!我的转换项目将像我希望的那样简单。感谢大家的及时回复。出于好奇:为什么要在完成的工作脚本中添加一个重量级的框架?为了跨浏览器兼容性。代码目前只在Firefox上工作。
$(inputs.submitCancel).css('display', 'none');
$(inputs.submitCancel).bind('click', onClickSubmitCancel);