jquery插入dom节点的方法很多,这里主要说下在jquery中实现在当前节点之前插入节点的方法。
jquery中在匹配的节点之前插入节点的方法有before( insertBefore(两个。
before( 方法在被选元素前插入指定的内容。
语法 $(selector.before(content
使用示例如下:
$('.insert'.click(function({
var str='<div>插入内容</div>';
$('#sfjvip'.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;
};