<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>before_after</title> <script src="https://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script> <script> // 参考:https://www.w3school.com.cn/jquery/jquery_dom_add.asp // jQuery after() 方法在被选元素之后插入内容。 // jQuery before() 方法在被选元素之前插入内容。 // after,before接收多个参数,如下: // $("img").after(txt1,txt2,txt3); // $("img").before(txt1,txt2,txt3); $(document).ready(function () { $("#btn1").click(function () { $("img").before("<b>Before</b>"); }); $("#btn2").click(function () { $("img").after("<i>After</i>"); }); }); </script> </head> <body> <img src="https://www.w3school.com.cn/i/eg_w3school.gif" alt="W3School Logo"/> <br><br> <button id="btn1">在图片前面添加文本</button> <button id="btn2">在图片后面添加文本</button> </body> </html>
jquery before_after.html
最新推荐文章于 2021-06-28 04:31:04 发布