美文网首页
jQuery 追加元素的方法如append、prepend和队列

jQuery 追加元素的方法如append、prepend和队列

作者: JerisonPaul | 来源:发表于2017-10-12 11:05 被阅读0次

    1.jQuery append() 方法

    jQuery append() 方法在被选元素(内部)的结尾插入内容。

    $('.testdiv ul').append('<li>append 插入的li</li>');
    

    2.jQuery prepend() 方法

    jQuery prepend() 方法在被选元素(内部)的开头插入内容。

    $('.testdiv ul').prepend('<li>prepend 插入的li</li>');
    

    3.jQuery after() 方法

    jQuery after() 方法在被选元素的开头插入内容。

    $('.testdiv ul li').after('<li>prepend 插入的li</li>');
    

    4.jQuery before() 方法

    jQuery before() 方法在被选元素的开头插入内容。

    $('.testdiv ul li').before('<li>prepend 插入的li</li>');
    

    队列

    1、push()是用来在数组末端添加项,shift()在移除数组的第一个项(前端);
    2、pop()在数组末端移除项,unshift()在数组前端添加项;
    3、push(),unshift()在推入多个项时,各个项之间的顺序不变
    4、push(),unshift()将数组的长度+1并返回的是数组的长度,pop(),shift()将数组length-1并返回的是移除的项

    例如

    例如:

    var num=new Array();
    num.push("1","2","3");  //推入项 数组呈现为①②③
    console.log(num.shift());//移除①项,数组呈现为②③
    num.unshift(''4''); //在前端添加项,数组呈现为④②③
    num.push("5"); //在末端添加项,数组呈现为④②③⑤
    console.log(num.shift());//移除数组的第一个项,验证得到④
    num.unshift("6","7","8"); //注意这里,以及下一句 数组呈现为⑥⑦⑧②③⑤
    num.push("9","10");   //数组呈现为⑥⑦⑧②③⑤⑨⑩

    相关文章

      网友评论

          本文标题:jQuery 追加元素的方法如append、prepend和队列

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