jQuery使用before()和after()在元素前后添加内容的方法
更新时间：2015年03月26日 14:29:59 作者：上大王
这篇文章主要介绍了jQuery使用before()和after()在元素前后添加内容的方法,实例分析了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程序设计有所帮助。
相关文章
关于event.cancelBubble和event.stopPropagation()的区别介绍
cancelBubble用于ie的阻止冒泡事件，event.stopPropagation（）用于firefox和chrome等其他浏览器的疑惑介绍。2011-12-12
页面中经常遇到与全选相关的操作，利用jquery集成了一下，主要为了方便使用吧～2010-04-04
jQuery attr()方法用于设置/改变属性值，下面的例子演示如何改变（设置）链接中 href 属性的值2014-01-01
功能强大的 jquery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04
这篇文章主要介绍了jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法,涉及jQuery响应鼠标事件动态操作页面元素属性的相关技巧,需要的朋友可以参考下2015-11-11
从这一讲开始，我们将直正接触一个JQ类库，学习一下JQ的写法，JQ的一些常用的命令等等，今天主要讲的是JQ里的选择器，这也是JQ的一大特点，这从它的名称jQuery中可以看到，主要功力体现在查询上2013-01-01
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
这篇文章主要介绍了jQuery实现Table表格隔行变色及高亮显示当前选择行效果,涉及jQuery针对table元素遍历、运算、样式及鼠标事件动态响应相关操作技巧,需要的朋友可以参考下2017-02-02
项目需要做一个头像截取的功能，类似于QQ头像截取功能。在网上搜了下，最后使用jQuery插件jcrop来截取2013-11-11
iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，用js判断页面是否被嵌套，用js计算iframe在父窗体位置2014-08-08
这篇文章主要为大家详细介绍了jQuery实现手势解锁密码特效，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论