jQuery的等价物是什么；Javascript中的s.before（）函数？

Javascript中的等价物是什么？

节点。insertBefore（）

与此相当：

以下是jQuery的功能：

---

您可以在javascript中使用

insertBefore

node.insertBefore(newnode, existingchild);

---

上面的示例将newnode作为node的子节点添加到现有子节点之前。

好的，这些答案有点假。使用

node.insertBefore

与使用jQuery

.before（）

方法有点不同

// jQuery
$('.element').before('<span class="class-name">Some text</span>');

// Pure JS
var _$element = document.querySelector('.element');
var _$new = document.createElement('span');
_$new.outerHTML = '<span class="class-name">Some text</span>';
_$element.parentNode.insertBefore(_$new, _$element);

---

请注意，它以this.domManip开始。它是在函数的幕后做一些事情，抽象出元素创建的东西。

在最简单的形式中，

a.before（b）

是

a.parentNode.insertBefore（b，a）

你可以随时查看@NiettheDarkAbsol，你应该把它作为一个答案发布。

node.insertBefore(newnode, existingchild);

// jQuery
$('.element').before('<span class="class-name">Some text</span>');

// Pure JS
var _$element = document.querySelector('.element');
var _$new = document.createElement('span');
_$new.outerHTML = '<span class="class-name">Some text</span>';
_$element.parentNode.insertBefore(_$new, _$element);

before: function() {
    return this.domManip( arguments, function( elem ) {
        if ( this.parentNode ) {
            this.parentNode.insertBefore( elem, this );
        }
    });
}