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

2017-10-12  本文已影响0人  JerisonPaul

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");   //数组呈现为⑥⑦⑧②③⑤⑨⑩
上一篇下一篇

猜你喜欢

热点阅读