欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

jQuery使用before()和after()在元素前后添加内容的方法教程

程序员文章站 2022-04-23 15:12:06
本文实例讲述了jquery使用before()和after()在元素前后添加内容的方法。分享给大家供大家参考。具体如下： &...

本文实例讲述了jquery使用before()和after()在元素前后添加内容的方法。分享给大家供大家参考。具体如下：

<!doctype html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("#btn1").click(function(){
  $("img").before("<b>before</b>");
 });
 $("#btn2").click(function(){
  $("img").after("<i>after</i>");
 });
});
</script>
</head>
<body>
<img src="/images/w3jquery.gif" alt="jquery" width="100" height="140">
<br><br>
<button id="btn1">insert before</button>
<button id="btn2">insert after</button>
</body>
</html>

希望本文所述对大家的jquery程序设计有所帮助。

上一篇： jQuery使用prepend()方法在元素前添加内容用法实例教程

下一篇： 钉钉app怎么设置办公wifi?

推荐阅读