append

<p>
<span class="s1">s1</span>
</p>
<script>
$("p").append('<span class="s2">s2</span>');
</script>

结果是这样的:

<p>
<span class="s1">s1</span>
<span class="s2">s2</span>
</p>

after

<p>
<span class="s1">s1</span>
</p>
<script>
$("p").after('<span class="s2">s2</span>');
</script>

结果是这样的:

<p>
<span class="s1">s1</span>
</p>
<span class="s2">s2</span>

总结:

append/prepend 是在选择元素内部嵌入。

after/before 是在元素外面追加。

最新文章

  1. Java新人学习(li)
  2. 使用 python 收集获取 Linux 系统主机信息
  3. Android调用默认浏览器打开指定Url
  4. 未能加载文件或程序集 Microsoft.Web.Infrastructure, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad
  5. DDD~领域层
  6. 在CentOS下利用Eclipse调试FFmpeg
  7. js对数组排序
  8. Android手机中获取手机号码和运营商信息
  9. mysql 主从复制配置步骤
  10. Zeppelin0.6.2使用hive解释器
  11. Beam me out!
  12. Java泛型的类型擦除
  13. BZOJ 2595: [Wc2008]游览计划 [DP 状压 斯坦纳树 spfa]【学习笔记】
  14. 双因素认证(2FA)教程
  15. C++ cmake
  16. Strongly connected components
  17. fiddler两种方式设置断点
  18. Javascript高级编程学习笔记(55)—— DOM2和DOM3(7)操作范围
  19. 从 0 到 1 实现 React 系列 —— 5.PureComponent 实现 &amp;&amp; HOC 探幽
  20. Docker Compose模板文件介绍

热门文章

  1. LeetCode OJ 215. Kth Largest Element in an Array 堆排序求解
  2. 一个软件实现的Linux看门狗—soft_wdt
  3. IP地址正則表達式
  4. 【Java】【Flume】Flume-NG启动过程源代码分析(一)
  5. mobiscroll手机端插件 好用(时间、日历、颜色)
  6. zzulioj--1777--和尚特烦恼3——何时能下山(水题)
  7. POJ 3048 线性筛法求素数
  8. vue组件样式添加scoped属性之后,无法被父组件修改。或者无法在本组件修改element UI样式
  9. 如何去掉边框及input的兼容问题?
  10. Android学习——LinearLayout布局实现居中、左对齐、右对齐