jquery常用方法之appendTo、append、insertBefore、before方法

 

appendTo ( ) : 把选中元素p标签插入到元素div里边；

看下代码：

<div class="wrapper">
</div>
<p class="son"></p>
<script>
    $(".son").appendTo(".wrapper")
</script>

append ( ) : 把选中元素div标签里边插入p标签（插入的元素必须是jq对象）；

看下代码：

<div class="wrapper">
</div>
<p class="son"></p>
<script>
    $(".wrapper").append($(".son"))
</script>

insertBefore ( ) : 把选中元素son2插入到元素son1之前；

看下代码：

<div class="father">
     <div class="son1">1</div>
</div>
<div class="son2">2</div>
<script>
    $(".son2").insertBefore(".son1")
</script>

 

before ( ) : 在被选中元素son1之前插入元素son2，注意：需要插入的元素必须是jq对象；

看下代码：

<div class="father">
     <div class="son1">1</div>
</div>
<div class="son2">2</div>
<script>
    $(".son1").before($(".son2"))
</script>