美文网首页
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追加元素的方式·

    追加元素的方法append() 方法用来在元素的末尾追加元素(最后一个子节点)。增加元素末尾(儿子)prepen...

  • append和appendTo

    append表示向匹配元素内部追加内容: appendTo表示把匹配的元素追加到指定元素集合中:

  • jQuery节点操作和元素尺寸

    jQuery节点操作 创建元素 语法:$(' ); 追加元素1 向父元素最后追加语法:父元素jQuery对象.a...

  • =前端面试汇总

    1.清除盒模型的浮动方式 way 1: 最后追加元素, 设置 clear:both; way 2: 伪元素清除 d...

  • jQuery节点操作和元素尺寸以及插件

    jQuery 节点操作 创建元素:语法:var $li = $(' ') 追加元素• 向父元素最后追加语法:父元...

  • 2019-07-31jq基础手册3.0

    插入 1append() 向每个匹配的元素内部追加元素 2appendTo() 将所有匹配元素追加到另一个元素集合...

  • 网页编程day-45:jQuery的事件和动画

    一、jQuery操作页面属性 append:向每个匹配的元素内部追加内容。 appendTo:把所有匹配的元素追加...

  • append和append to

    第一种向匹配元素内部追加内容: 第二种把匹配的元素追加到指定元素集合中:

  • day02-09slice_append

    append()为切片追加元素,调用append函数必须使用原来的切片变量接收返回值 追加多个元素

  • JS 数组方法总结

    1、按是否改变原数组进行区分 1.1、不改变原数组 追加元素 删除元素 替换元素 1.2、改变原数组 追加push...

网友评论

      本文标题:5-2追加元素的方式·

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