Javascript 将Dom更改为Jquery

Javascript 将Dom更改为Jquery,javascript,jquery,node.js,dom,Javascript,Jquery,Node.js,Dom,大家好,我只是想知道是否有人能帮我找到一个dom值的等效函数来将其转换为Jquery 如果我有DOM格式的代码: var x = document.querySelector('#x'); 什么会以Jquery的形式返回相同的值 对于事件侦听器,我有一个不同的示例,我如何将这个示例转换为Jquery,使它们能够协同工作,并且没有DOM的迹象 例: 任何帮助都会很好 对于jQuery,您可以编写 var x = $('#x'); x.mouseup(function(e) { e.pre

大家好,我只是想知道是否有人能帮我找到一个dom值的等效函数来将其转换为Jquery

如果我有DOM格式的代码:

var x = document.querySelector('#x');
什么会以Jquery的形式返回相同的值

对于事件侦听器,我有一个不同的示例,我如何将这个示例转换为Jquery,使它们能够协同工作,并且没有DOM的迹象

例:


任何帮助都会很好

对于jQuery,您可以编写

var x = $('#x');

x.mouseup(function(e) {
   e.preventDefault();


});
了解有关jQuery选择器的所有信息:

下面是一个指向JSFIDLE的链接,显示了非常基本的用法。您会注意到,如果在框中键入并按下按钮,文本将复制到文本区域。出于演示目的,还添加了另一个mousedown事件处理程序,用于清除textarea。这是为了显示使用选择器在同一元素上使用不同的处理程序

注意,ID在Html中不包含“#”。“#”选择器告诉jquery查找与ID匹配的所有元素。同样,您可以使用“.”选择器(即.myClass)查找具有特定类的所有元素。

第一个:

var x = $('#x')
(但是请注意,结果并不完全相同,$(…)重新运行围绕DOM对象的jQuery对象

第二个:

function onmouseup(ev) {
    ev.preventDefault();
    //random code
}
c.on ("mouseup", onmouseup);

(注意,这里的c必须是jQuery对象,而不是dome节点。要从DOM节点创建一个对象,请使用
var jQueryRapped=$(plainDomNode)
$('#x')
$(c)。on('mouseup',onmouseup)
?因此c.addEventListener('mouseup',onmouseup',false);是否仍然保持不变?否,因为jquery选择的对象与文档对象不同。您可以使用addEvent listener,但需要将jquery对象转换回DomObject。请查看此处的绑定定义。问题是我根本不需要dom的痕迹。是否可能?要做到这一点,您必须使用用jQuery绑定、打开、单击、鼠标等代替Dom处理程序。我建议使用jQuery。JSFIDLE提供了一种加载和编辑html、javascript和css的简单方法。我将其更改为var x=$('#x');x.mouseup(函数(e){e.preventDefault();});但现在它无法访问“#x”从cssis文件可以完全没有Dom的痕迹这是什么意思?jQuery只封装了Dom obejcts,它们当然在那里。如果不使用Dom树的成员,您应该如何使用Dom树?@user2990259:是的,关闭您的计算机。
function onmouseup(ev) {
    ev.preventDefault();
    //random code
}
c.on ("mouseup", onmouseup);