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

1.jQuery append() 方法

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

$('.testdiv ul').append('
  • append 插入的li
  • ');

    2.jQuery prepend() 方法

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

    $('.testdiv ul').prepend('
  • prepend 插入的li
  • ');

    3.jQuery after() 方法

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

    $('.testdiv ul li').after('
  • prepend 插入的li
  • ');

    4.jQuery before() 方法

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

    $('.testdiv ul li').before('
  • prepend 插入的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和队列方法如push,unshift)