jQuery的before()方法和after()方法

before()和after()都有添加的意思，不过一个是添加在被选元素之前，一个是被选元素之后。
before()方法在被选元素之前插入指定内容。
after()方法在被选元素之后插入指定内容。
这是HTML代码所示：

<p>这是一个段落</p>
<button id="btn1">before</button> <button id="btn2">after</button>

jQuery使用before()和after()添加元素

$("#btn1").click(function(){$("p").before("<b>这是before插入的段落</b>"); }); $("#btn2").click(function(){ $("p").after("<b>这是after插入的段落</b>"); });

结果如下 :
这是before插入的段落
这是一个段落
这是after插入的段落

总结：before()和after()添加的元素与被选元素是兄弟关系

转载于:https://www.cnblogs.com/liyuspace/p/9537884.html

jQuery的before()方法和after()方法相关推荐

jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
jquery的循环方法和extend方法
目录 jquery的循环方法 jquery的extend方法 jquery的循环方法 jQuery存在隐式迭代,会在一些我们需要循环操作的时候自动给我们进行循环但是隐式迭代在某些特定情况下无 ...
jQuery中find()方法和filter()方法的区别
jQuery官方的API这样说明filter和find函数: filter(selector):Description: Reduce the set of matched elements to t ...
jquery中prop()方法和attr()方法的区别浅析
引用:http://www.jb51.net/article/41170.htm 官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该 ...
jquery的closest方法和parents方法的区别
今天第一次看到closest方法,以前也从来没用过. 该方法从元素本身开始往上查找,返回最近的匹配的祖先元素. 1.closest查找开始于自身,parents开始于元素父级 2.closest向上查 ...
jquery中prop()方法和attr()方法的区别
tofixed: 四舍五入为指定小数位数的数字 tofixed(number) tofixed(2) 意四舍五入的位数为两位 jQuery 1.6 开始新增了一个方法 prop(); 1.添加属性名 ...
jQuery中attr方法和removeAttr方法使用
attr方法:获取和设置属性节点,attr方法可以设置两个参数或一个参数获取:设置一个参数是获取属性节点,注意点,无论找到多少元素,都只会获取到第一个元素设置:设置两个参数是设置属性节点,找到多少 ...
paly(）方法和pause()方法
paly()方法和pause()方法是HTML5里新增的 audio和video里的方法使用的是jquery选择器所以返回的是jquery对象而非dom对象,而jquery对象是没有play() ...
show()方法和hide()方法
1.show()方法和hide()方法是jquery中最基本的动画方法.为一个元素调用hide()方法,会将该元素样式改为none $("element").hide()与$(&q ...

jQuery的before()方法和after()方法

jQuery的before()方法和after()方法相关推荐

最新文章

热门文章