DOM操作

一、DOM操作

1. append() 向匹配到的父元素末尾追加子元素

<div class="add">append</div>
<script>
    /*
     1. 创建dom元素
     jQ:  $('<a href="http://www.baidu.com">百度</a>')
    2. 获取父元素
    $('.add')
    3. 使用append()追加
    父元素对象.append(要追加的子元素)
        */
var obj = $('<a href="http://www.baidu.com">taobao</a>')
$('.add').append(obj)
</script>

2. appendTo() 把子元素追加到父元素中

<div class="add">append</div>
<script>
var obj = $('<a href="http://www.baidu.com">taobao</a>')
obj.appendTo($('.add'))
</script>

3. prepend()     向父元素的开头添加子元素

<div class="add">prepend</div>
<script>
var obj = $('<a href="http://www.baidu.com">taobao</a>')
$('.add').prepend(obj)  
    //结果： <div class="add"><a href="http://www.baidu.com">taobao</a>prepend</div>
</script>

4. prependTo()   元素前置到另一个、指定的元素元素集合中。

<div class="parent">宝剑锋从磨砺出</div>
    <span id="child">梅花香自苦寒来</span>
<script>
    $(function(){
        $('#child').prependTo($('.parent'))
        // 效果：<div class="parent"> <span id="child">梅花香自苦寒来</span>宝剑锋从磨砺出</div>
    })
</script>

5. remove()     移出匹配到的元素