Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.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
如何模拟jQuery';使用纯JavaScript的s remove()方法?_Javascript_Jquery - Fatal编程技术网

如何模拟jQuery';使用纯JavaScript的s remove()方法?

如何模拟jQuery';使用纯JavaScript的s remove()方法?,javascript,jquery,Javascript,Jquery,我有一行代码: $('.js-cover-menu-dropdown > li > ul').remove(); 我使用它从.js封面菜单的li下拉列表中删除每个ul 我想知道如何使用vanilla JS重新编写此文件。一种方法是查找remove函数,看看它是如何工作的。重新编写.remove()?@guest271314的目的是什么?我猜,OP可能希望避免实际需要库,或者这可能是一个家庭作业,或者,他们可能希望在自己的库中构建类似的功能。谁能猜出来?@guest271314你问这

我有一行代码:

$('.js-cover-menu-dropdown > li > ul').remove();
我使用它从.js封面菜单的
li
下拉列表中删除每个
ul


我想知道如何使用vanilla JS重新编写此文件。

一种方法是查找remove函数,看看它是如何工作的。重新编写
.remove()
?@guest271314的目的是什么?我猜,OP可能希望避免实际需要库,或者这可能是一个家庭作业,或者,他们可能希望在自己的库中构建类似的功能。谁能猜出来?@guest271314你问这个很有趣,我认为它不值得编辑,但在这里很好:我有这个脚本。脚本只是“从菜单中获取,附加到菜单中的新项,创建下拉列表”。它最初是在jQuery中。我遵循基本/优化(缓存选择器等)编码标准。脚本从约8-9毫秒持续到1毫秒。现在,我为什么在乎?渲染时间。很多人都非常关注编写可维护的代码,这是我得到的,但是渲染时间非常糟糕。每次我看到一个沉重的JS站点,我都想因为它的渲染时间而死去。这是一个合理的原因。单独使用jQuery与编写可维护代码不符。从这里的角度来看,如果可能的话,在代码中包含关于代码试图实现的内容的注释,并将自述文件附加到代码库中,将有助于您自己和其他可能使用您的代码的人进行代码维护。一种方法是访问并查找remove函数,重新编写
.remove()
的目的是什么?@guest271314,猜测一下,OP可能希望避免实际需要该库,或者这可能是一个家庭作业,或者他们可能希望在自己的库中构建类似的功能。谁能猜出来?@guest271314你问这个很有趣,我认为它不值得编辑,但在这里很好:我有这个脚本。脚本只是“从菜单中获取,附加到菜单中的新项,创建下拉列表”。它最初是在jQuery中。我遵循基本/优化(缓存选择器等)编码标准。脚本从约8-9毫秒持续到1毫秒。现在,我为什么在乎?渲染时间。很多人都非常关注编写可维护的代码,这是我得到的,但是渲染时间非常糟糕。每次我看到一个沉重的JS站点,我都想因为它的渲染时间而死去。这是一个合理的原因。单独使用jQuery与编写可维护代码不符。从这里的角度来看,如果可能的话,在代码中包含关于代码试图实现的内容的注释,并将自述文件附加到代码库中,将有助于您自己和其他可能使用您的代码的人的代码维护。这不是假设ECMA 6吗?请注意,这是ES6,在旧的IE版本中不受支持(11及之前)没有说这是错误的,我只是认为你应该提到它。@cale_b为什么会有人使用iet这个问题不是“为什么”,而是“他们做了吗”,答案是肯定的:-超过3%的用户使用IE11。如果您可以将3%的用户保留在尘土中,以便有权将其作为箭头函数而不是ES5兼容函数编写,那么您将获得更大的功能。这不是假设ECMA 6吗?请注意,这是ES6,在旧的IE版本(11和以前的版本)中不受支持不是说这是错的,我只是觉得你应该提一下。@cale_b为什么会有人使用iet这个问题不是“为什么”,而是“他们做了吗”,答案是肯定的:-超过3%的用户使用IE11。如果您可以将3%的用户保留在尘土中,以便有权将其作为箭头功能而不是ES5兼容功能写入,那么您将获得更多的功能。
document.querySelectorAll('.js-cover-menu-dropdown > li > ul')
  .forEach(node => node.remove());