PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > Jquery教程 > 正文

    jquery中实现在当前节点之前插入节点的方法

    作者:admin来源:B5教程网浏览:时间:2020-09-30 00:07:50我要评论
    导读:jquery中在匹配的节点之前插入节点的方法有before() insertBefore()两个,before() 方法在被选元素前插入指定的内容,语法 $(selector)
    jquery中在匹配的节点之前插入节点的方法有before() insertBefore()两个,before() 方法在被选元素前插入指定的内容,语法 $(selector).before(content)。
    jquery插入dom节点的方法很多,这里主要说下在jquery中实现在当前节点之前插入节点的方法。
    使用示例如下:

    $('.insert').click(function(){
    	var str='<div>插入内容_www.bcty365.com</div>';
    	$('#phpernote').before(str);
    });
    当前节点之前插入的示例:
    
    $('button').click(function(){ var str='<div>插入内容_www.bcty365.com</div>';
    	$(this).before(str);
    });
    

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

    语法 $(content).insertBefore(selector)

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



    $('button').click(function(){
    	var str='<div>插入内容</div>';
    	$(str).insertBefore(this);
    });
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-47-68-1.html
    相关热词搜索: 当前节点 插入节点