jQuery拼接HTML标签元素
1. append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同
(1) append()方法:
//在id为element元素内部末尾插入<p>拼接的元素</p>
$("#element").append("<p>拼接的元素</p>");
(2) appendTo()方法:
//在id为element元素内部末尾插入<p>拼接的元素</p>
$("<p>拼接的元素</p>").appendTo("#element");
2. insertBefore & before & insertAfter & after
(1) insertBefore() & before() 方法 :在被选元素前(元素外部)插入指定内容
//在id为element的元素前插入<p>拼接的元素</p>
$("<p>拼接的元素</p>").insertBefore("#element");
注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之前。
//在id为element的元素前插入<p>拼接的元素</p>
$("#element").before("<p>拼接的元素</p>");
(2) insertAfter() & after()方法:在被选元素后(元素外部)插入指定内容
//在id为element的元素后插入<p>拼接的元素</p>
$("<p>拼接的元素</p>").insertAfter("#element");
注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之后。
//在id为element的元素后插入<p>拼接的元素</p>
$("#element").after("<p>拼接的元素</p>");
最新文章
- 关于MapReduce中自定义Combine类(一)
- TensorFlow 在android上的Demo(1)
- DTMF的原理分析
- sed 字符串替换
- C++11 std::function用法
- 一款点击图片进行无限循环的jquery手风琴特效
- 计算ptd
- 1833: [ZJOI2010]count 数字计数
- .Net学习计划
- 【tensorflow】学习笔记
- [SCOI2014]方伯伯的OJ
- netty 的 Google protobuf 开发
- KERMIT,XMODEM,YMODEM,ZMODEM传输协议小结
- 极客无极限 一行HTML5代码引发的创意大爆炸
- [原]Jenkins(十二)---jenkins管理员用户无法登陆解决办法Access Denied
- Windbg:通过vmware调试进行内核调试
- js中时间戳转换成时间格式
- 升级到AndroidStudio3.2.1的注意事项
- Establishing SSL connection without server&#39;s identity verification is not recommended.
- linux grep的选项