本文实例讲述了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 追加元素append、prepend、before、after用法与区别分析
- jQuery 追加元素的方法如append、prepend、before
- jQuery中append、insertBefore、after与insertAfter方法注意事项
- jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
- jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
- jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
- jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
- 解决jQuery使用append添加的元素事件无效的问题
- jquery append与appendTo方法比较
- jQuery使用prepend()方法在元素前添加内容用法实例
- jQuery添加新内容的四个常用方法分析【append,prepend,after,before】