jQuery中after与insertAfter的区别

  1. after(content|fn) :向每个匹配的元素插入内容 //外部插入
  2. a.insertAfter(content):将匹配的元素插入到另一个、指定的元素面;//外部插入,不是复制是直接移位。

<!DOCTYPE html>

<html>

  <head>

  <meta charset="utf-8" />

  <title></title>

  <script src="js/jquery-3.3.1.js"></script>

  </head>

  <body>

  <span id="content">I love </span>

  <script>

  $("#content").after("<span>you.</span>");

  </script>

  </body>

</html>

输出结果为:I love you.

insertAfter:

<!DOCTYPE html>

<html>

  <head>

  <meta charset="utf-8" />

  <title></title>

  <script src="js/jquery-3.3.1.js"></script>

  </head>

  <body>

  <span id="content">I love </span>

  <span id="letters">you.</span>

  <script>

  $("#letters").insertAfter("#content");

  </script>

  </body>

</html>

输出结果为:I love you.


目录

输出结果为:I love you.

输出结果为:I love you.


发布了44 篇原创文章 · 获赞 5 · 访问量 4004

猜你喜欢

转载自blog.csdn.net/wangdada___/article/details/102991428
今日推荐