5-2追加元素的方式·

追加元素的方法
append() 方法用来在元素的末尾追加元素(最后一个子节点)。增加元素末尾(儿子)
prepend()在元素的开始添加元素(第一个子节点)。增加元素开始( 儿子)
appendTo() 主动添加,append()被动添加
prependTo() 主动添加,append()被动添加

after() 在元素之后添加元素(添加兄弟)增加元素后面( 兄弟)
before() 在元素之前添加元素(添加兄弟)增加元素前面( 兄弟)

// 页面加载事件
$(function () {
    // 为按钮注册事件
    var i = 0;
    $('#btn').click(function () {
        // 创建元素
        var element = $('百度一下'+(++i)+'');
        // 追加元素
        //------------append()------------
        $('#box').append(element);
        百度一下1 百度一下2

        //------------appendTo()-----------
        element.appendTo($('#box'));
        百度一下1 百度一下2

        //------------prepend()-----------
        $('#box').prepend(element);
        百度一下2 百度一下1 
        //------------after()------------
        $('#box').after(element);
        百度一下2 百度一下1

        //------------before()-------------
        $('#box').before(element);  
        百度一下1 百度一下2 
    }); 
});

你可能感兴趣的:(5-2追加元素的方式·)