jQuery after()方法

小彬 管理员

作者很懒,什么都没留下!

字数283个, 阅读全文: 1 分钟
首页 JQuery 正文

jQuery after()方法是在被选元素结尾插入内容(与jQuery append()方法的区别是:jQuery after()方法插入的内容不在元素内部)。示例代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小彬网(xiaobinblog.com)</title>
<script src="jQuery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn2").click(function(){
    $("img").after("<i>元素结尾插入的内容</i>");
  });
});
</script>
</head>

<body>
<img src="logo.png" >
<br><br>
<button id="btn2">在图片结尾插入内容</button>
</body>
</html>
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.xiaobinblog.com/1121.html
-- 展开阅读全文 --
jQuery prepend()方法
« 上一篇 2023-03-26
jQuery before()方法
下一篇 » 2023-03-26

发表评论

动态快讯

互动读者

  • 小站长 管理员

    作者很懒,什么都没留下!

    小站长 文章 5 篇
    作者很懒,什么都没留下!
  • 小彬 管理员

    作者很懒,什么都没留下!

    小彬 文章 139 篇
    作者很懒,什么都没留下!

热门文章

1
2
3

最多点赞

小彬 管理员

作者很懒,什么都没留下!

5赞, 阅读:24.9568w
小彬 管理员

作者很懒,什么都没留下!

8赞, 阅读:21.9581w
小彬 管理员

作者很懒,什么都没留下!

17赞, 阅读:21.9567w
小彬 管理员

作者很懒,什么都没留下!

15赞, 阅读:21.9489w

标签TAG