本文实例讲述了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】
