jquery当前节点之前插入节点

jquery插入dom节点的方法很多，这里主要说下在jquery中实现在当前节点之前插入节点的方法。

jquery中在匹配的节点之前插入节点的方法有before() insertBefore()两个。

before() 方法在被选元素前插入指定的内容。

语法 $(selector).before(content)

使用示例如下：

$('.insert').click(function(){
    var str='<div>插入内容</div>';
    $('#phpernote').before(str);
});

当前节点之前插入的示例：

$('button').click(function(){
    var str='<div>插入内容</div>';
    $(this).before(str);
});

insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。注意：如果该方法用于已有元素，那么这些元素会被从当前位置移走，然后被添加到被选元素之前。

语法 $(content).insertBefore(selector)

当前节点之前插入的示例：

$('button').click(function(){
    var str='<div>插入内容</div>';
    $(str).insertBefore(this);
});