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>");

最新文章

  1. 关于MapReduce中自定义Combine类(一)
  2. TensorFlow 在android上的Demo(1)
  3. DTMF的原理分析
  4. sed 字符串替换
  5. C++11 std::function用法
  6. 一款点击图片进行无限循环的jquery手风琴特效
  7. 计算ptd
  8. 1833: [ZJOI2010]count 数字计数
  9. .Net学习计划
  10. 【tensorflow】学习笔记
  11. [SCOI2014]方伯伯的OJ
  12. netty 的 Google protobuf 开发
  13. KERMIT,XMODEM,YMODEM,ZMODEM传输协议小结
  14. 极客无极限 一行HTML5代码引发的创意大爆炸
  15. [原]Jenkins(十二)---jenkins管理员用户无法登陆解决办法Access Denied
  16. Windbg:通过vmware调试进行内核调试
  17. js中时间戳转换成时间格式
  18. 升级到AndroidStudio3.2.1的注意事项
  19. Establishing SSL connection without server&#39;s identity verification is not recommended.
  20. linux grep的选项

热门文章

  1. selenium之chrome驱动版本
  2. Oracle中对XMLType的简单操作(extract、extractvalue...)
  3. caffe 环境搭建
  4. python编写接口初识一
  5. FB面经Prepare: Friends Recommendation
  6. flask下载文件---文件流
  7. windows----------windows10如何固定局域网ip
  8. es6 遍历总结
  9. 查看Python、flask 版本
  10. CentOS 7 配置DHCP中继代理服务