jquery的append/prepend和after/before有什么区别呢?
2024-08-31 15:10:54
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 是在元素外面追加。
最新文章
- Java新人学习(li)
- 使用 python 收集获取 Linux 系统主机信息
- Android调用默认浏览器打开指定Url
- 未能加载文件或程序集 Microsoft.Web.Infrastructure, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad
- DDD~领域层
- 在CentOS下利用Eclipse调试FFmpeg
- js对数组排序
- Android手机中获取手机号码和运营商信息
- mysql 主从复制配置步骤
- Zeppelin0.6.2使用hive解释器
- Beam me out!
- Java泛型的类型擦除
- BZOJ 2595: [Wc2008]游览计划 [DP 状压 斯坦纳树 spfa]【学习笔记】
- 双因素认证(2FA)教程
- C++ cmake
- Strongly connected components
- fiddler两种方式设置断点
- Javascript高级编程学习笔记(55)—— DOM2和DOM3(7)操作范围
- 从 0 到 1 实现 React 系列 —— 5.PureComponent 实现 &;&; HOC 探幽
- Docker Compose模板文件介绍
热门文章
- LeetCode OJ 215. Kth Largest Element in an Array 堆排序求解
- 一个软件实现的Linux看门狗—soft_wdt
- IP地址正則表達式
- 【Java】【Flume】Flume-NG启动过程源代码分析(一)
- mobiscroll手机端插件 好用(时间、日历、颜色)
- zzulioj--1777--和尚特烦恼3——何时能下山(水题)
- POJ 3048 线性筛法求素数
- vue组件样式添加scoped属性之后,无法被父组件修改。或者无法在本组件修改element UI样式
- 如何去掉边框及input的兼容问题?
- Android学习——LinearLayout布局实现居中、左对齐、右对齐