1. append()和prepend()

假设

<div class='a'> //<---you want div c to append in this<div class='b'>b</div>
</div>

使用

$('.a').append($('.c'));

效果如下：

<div class='a'> //<---you want div c to append in this<div class='b'>b</div><div class='c'>c</div>
</div>

同样使用

$('.a').prepend($('.c'));

效果如下：

<div class='a'> //<---you want div c to append in this<div class='c'>c</div><div class='b'>b</div></div>

2. 使用after()和before()

同样使用假设代码：

$('.a').after($('.c'));

效果如下：

<div class='a'><div class='b'>b</div>
</div>
<div class='c'>c</div>

同样使用before()

$('.a').before($('.c'));

效果如下：

<div class='c'>c</div>
<div class='a'><div class='b'>b</div>
</div>

总结：

append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。

jquery中append、prepend, before和after方法的区别相关推荐

html中prependid的作用,jQuery中append(),prepend()与after(),before()的区别
在jQuery中,添加元素的方法有append(),prepend和 after(),before()两种共四个.但很多人对他们的使用有点混淆,今天就来分析一下.append()和prepend()的 ...
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery中append.appendTo.prepend.prependTo.before.insertBefore.after与insertAfter方法注意事项这里列的是针对初学jQuery ...
jQuery中append()和appendTo()的区别
[前言] 简单总结下jQuery中append()和appendTo()的区别 [主体] 1.简单理解 (插入对象不同) append()前面是被插入的对象,后面是要在对象内插入的元素内容 appen ...
jQuery中鲜为人知的的几个方法
转来学习一下 jQuery中鲜为人知的的几个方法 jQuery近些年来仍旧是web开发中最受欢迎的类库,虽然大家褒贬不一,但是仍旧不失为一款最流行的Javascript,在今天这篇文章中,我们将介绍几 ...
jquery getjson php,jquery中调用php json函数的方法分享
PHP 5.2版本之后,默认增加了一组针对数据进行JSON互转的函数: json_encode :数据到JSON json_decode :JSON到PHP变量的转换本文用一个实例讨论一下PHP 的 ...
jQuery插件：Validation中success和submitHandler两个方法的区别
jQuery插件:Validation中success和submitHandler两个方法的区别 http://www.mzwu.com/article.asp?id=3357 先执行onsubmit ...
关于JS下offsetLeft，style.left，以及jquery中的offset().left，css(left)的区别。
最近因为工作需要,仔细研究了一下关于JS下offsetLeft,style.left,以及jquery中的offset().left,css("left")的区别. JS下的off ...
python列表和元组的应用,Python中列表和元组的使用方法和区别
一.二者区别列表: 1.可以增加列表内容 append 2.可以统计某个列表段在整个列表中出现的次数 count 3.可以插入一个字符串,并把整个字符串的每个字母拆分当作一个列表段追加到列表当中 e ...
java getmethods_java中Class.getMethods()和Class.getDeclaredMethods()方法的区别
在java中,可以根据Class类的对象,知道某个类(接口)的一些属性(成员 ,方法,注释,注解)等.由于最近的工作中用到了这些,其中需要在代码中格局反射知道某些类的方法,查看文档的时候,看到了get ...
[重学Java基础][Java IO流][Exter.2]IO流中几种不同的读写方法的区别
[重学Java基础][Java IO流][Exter.2]IO流中几种不同的读写方法的区别 Read 读入方法 read(): 一般是这种形式 public int read() 1.从流数据中读取的 ...

jquery中append、prepend, before和after方法的区别

1. append()和prepend()

假设

2. 使用after()和before()

总结：

append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。

jquery中append、prepend, before和after方法的区别相关推荐

最新文章

热门文章