jquery-dom操作外部插入节点

最新推荐文章于 2023-07-17 09:31:19 发布

xiaochouyu0703

最新推荐文章于 2023-07-17 09:31:19 发布

阅读量131

点赞数

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/xiaochouyu0703/article/details/84696358

版权

jquery 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

外部插入是将content插入到selector节点外部，包括selector节点的前面和后面。插入后的节点与原节点是[size=large][color=blue][b]兄弟关系[/b][/color][/size]。

1.[b]after()[/b] 选元素之后插入内容。
2.[b]insetAfter()[/b] 与after对应。
3.[b]before()[/b] 被选元素之前插入内容。
4.[b]insertBefore()[/b] 与before对应。


$("#btn1").click(function(){
    $("p").before("<b>Before</b>");
    //$("<b>Before</b>").insertBefore("p");
  });

  $("#btn2").click(function(){
    $("p").after("<i>After</i>");
    //$("<i>After</i>").insertAfter("p");
}

<p>段落1</p>
<button id="btn1">Insert before</button>
<button id="btn2">Insert after</button>

运行结果如下：
[img]http://dl2.iteye.com/upload/attachment/0105/2982/0ae68214-2130-3857-b633-31e9fdfa26c8.jpg[/img]