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程序设计有所帮助。
相关文章
这篇文章主要介绍了jquery日历插件datepicker用法,结合实例形式分析了jquery日历插件datepicker的定义与使用技巧,需要的朋友可以参考下2016-01-01
本文给大家讲解关于此jQuery验证的一些标记以及使用方法，非常不错，具有参考借鉴借鉴价值，需要的朋友参考下2017-01-01
经常会用到jquery.ui.tabs标签，如我们可以把备份管理放在一个页面上，而该页面有两个tab分别为备份和还原，但这样会现在这个页面臃肿2010-02-02
Prop和attr的作用类似，相同点：两者都可以获取属性值和设置属性值，下面为大家介绍下具体的使用2013-12-12
基于jQuery的Spin Button自定义文本框数值自增或自减
这个jquery 插件可以让你的文本框增加一个自增或自减的小按钮，方便输入数值的控制。2010-07-07
本篇文章主要是对jquery中load方法的用法及注意事项进行了详细介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jQuery实现contains方法不区分大小写的方法,实例分析了针对contains方法的重写技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
jQuery中$this和$(this)的区别介绍（一看就懂）
这篇文章主要介绍了jQuery中$this和$(this)的区别介绍（一看就懂）,本文用简洁的语言讲解了它们之间的区别,并给出了一个例子来说明,需要的朋友可以参考下2015-07-07
解决Jquery load()加载GB2312页面时出现乱码的两种方案
jquery的字符集是utf-8，load方法加载完GB2312编码静态页面后，出现中文乱码，可以通过将两个页面的编码格式转换成utf8的方法来解决，具体如下，感兴趣的朋友可以参考下2013-09-09
将代码一一拷贝到页面相应的位置，然后记得调用jquery框架，展示条件有限，所以效果跟设计图有出入，但实现原理是一样的，欢迎大家多多交流！2010-06-06
最新评论