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

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");   //数组呈现为⑥⑦⑧②③⑤⑨⑩
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1:jQuery节点创建与属性的处理 创建元素节点:可以有几种方式,后面会慢慢接触。常见的就是直接把这个节点的结构...
    码农小杨阅读 3,751评论 0 1
  • 第1章 简介 第2章 DOM节点的创建 2-1 DOM创建节点及节点属性 通过JavaScript可以很方便的获...
    mo默22阅读 4,294评论 0 8
  • DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作。但实际上...
    阿r阿r阅读 4,622评论 0 9
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,849评论 0 44
  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 3,663评论 0 1