Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.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 转换jQuery和js_Javascript_Jquery - Fatal编程技术网

Javascript 转换jQuery和js

Javascript 转换jQuery和js,javascript,jquery,Javascript,Jquery,我正在尝试将这个jQuery代码转换为vanilla js $(".gone").click(function(){ $(this).hide(); }); 有什么帮助吗?您可以尝试使用queryselectoral()和forEach()和addEventListener() var gone=document.querySelectorAll(“.gone”) 数组.from(gone).forEach(函数(g){ g、 addEventListener(“单击”,函数(){ th

我正在尝试将这个jQuery代码转换为vanilla js

$(".gone").click(function(){
  $(this).hide();
});

有什么帮助吗?

您可以尝试使用
queryselectoral()
forEach()
addEventListener()

var gone=document.querySelectorAll(“.gone”)
数组.from(gone).forEach(函数(g){
g、 addEventListener(“单击”,函数(){
this.style.display=“无”;
});
});
Gone 1
消失2

Gone 3
欢迎来到堆栈溢出。这是。请研究如何基于类获取元素,或者如何在普通javascript中单击或隐藏。如果你被困在什么地方,把它贴在这里。在这方面,有类似的网站可以帮助您。请阅读:事实上,这是完美的作品。它将侦听器应用于所有类,并允许我使用它来指定哪个元素将受到影响。@Mamun您能解释一下为什么我们在这里使用浅复制数组(array.from)吗?gone.forEach-也可以直接工作,不是吗?@MohdZeeshan,对于某些较低版本的IE
forEach()
将无法工作。在这种情况下,您必须使用
Array.from()
:)转换结果