是“.after()”jQuery还是我可以在香草javascript中使用它[重复]

Posted

技术标签:

【中文标题】是“.after()”jQuery还是我可以在香草javascript中使用它[重复]【英文标题】:Is ".after()" jQuery or can I use it in vanilla javascript [duplicate] 【发布时间】:2019-11-30 10:41:17 【问题描述】:

我不必包含 jQuery 库的原因是什么。要使用方法。我想在h1 之后附加一个元素。

h1 位于其他子元素之间。

const contentDivH1 = document.getElementById('content').children[2];
const svgElement = document.createElement('svg');

h1 svg 元素之后附加生命值

(() => contentDivH1.after(svgElement))()

成功了,但为什么?

感谢@Quentin:.after() 是 DOM API 的一部分,而不是原生 JS。

【问题讨论】:

见developer.mozilla.org/en-US/docs/Web/API/ChildNode/after 它是 JS 的一部分,但 it's experimental @VLAZ — 这是 DOM API 的一部分,而不是原生 JS。 【参考方案1】:

.after() 是一种方法。它是否存在完全取决于您调用它的对象。

有一个after method defined in jQuery。

还有一个after method defined in DOM,虽然它是实验性的。

这两种方法的行为不同

【讨论】:

以上是关于是“.after()”jQuery还是我可以在香草javascript中使用它[重复]的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 的香草 JavaScript 版本 .click

一个小型、轻量级的JavaScript插件,用于将项目放置在直线行中(jQuery和香草JS版本)–演示:

text 香草js和jQuery

如何判断 jQuery 是不是在页面上运行(即使 jQuery 是 /after/ 检测脚本)

如何在香草javascript中动态添加选项到现有选择

将带有香草 Js 的数组从 Ajax 发送到 Laravel 控制器