Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript DOM元素选择代码到jQuery的转换_Javascript_Jquery_Selection - Fatal编程技术网

Javascript DOM元素选择代码到jQuery的转换

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似乎缺少直接操作

我有一个很大的Javascript代码库要转换为jQuery。代码的结构使DOM元素在Javascript中创建(使用名为DomBuilder的库),并在添加到DOM之前保存到变量(如果以后需要)

例如

然后,例如,稍后

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);