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

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

程序员文章站 2022-08-03 13:00:02
本文实例讲述了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程序设计有所帮助。

上一篇： 稀饭怎么烧，你知道吗

下一篇： 万荣笑话大全

推荐阅读