美文网首页
5-2追加元素的方式·

5-2追加元素的方式·

作者: 大庆无疆 | 来源:发表于2019-03-16 13:17 被阅读0次

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

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

    // 页面加载事件
    $(function () {
        // 为按钮注册事件
        var i = 0;
        $('#btn').click(function () {
            // 创建元素
            var element = $('<a href="#" target="_blank">百度一下'+(++i)+'</a>');
            // 追加元素
            //------------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追加元素的方式·

          本文链接:https://www.haomeiwen.com/subject/hmzjmqtx.html