jquery中append,prepend,before和after方法的区别

 我来答
爽朗的许选
2017-04-15 · TA获得超过181个赞
知道小有建树答主
回答量:101
采纳率:75%
帮助的人:22.9万
展开全部

append:在元素内部的最后面添加元素,作为子元素,如:

通过jquery代码$("div").append("<p>我是通过append添加的</p>");

得到的结果是

prepend:在元素内部的最前面添加元素,作为子元素,如:

通过jquery代码$("div").prepend("<p>我是通过prepend添加的</p>");

得到的结果是

before:在元素的前边,作为兄弟元素添加,如

通过jquery代码 $(".base").before("<div>我是在前边添加的兄弟节点</div>");

得到的结果是

after:在元素的后边,作为兄弟元素添加,如

通过jquery代码 $(".base").after("<div>我是在后边添加的兄弟节点</div>");得到的结果是

2017遗忘的角落
2018-04-11 · TA获得超过4万个赞
知道大有可为答主
回答量:20
采纳率:57%
帮助的人:5203
展开全部

pend:在元素内部的最后面添加元素,作为子元素,如:

通过jquery代码$("div").append("<p>我是通过append添加的</p>"),得到的结果是:

prepend:在元素内部的最前面添加元素,作为子元素,如:

通过jquery代码$("div").prepend("<p>我是通过prepend添加的</p>"),得到的结果是:

before:在元素的前边,作为兄弟元素添加,如:

通过jquery代码 $(".base").before("<div>我是在前边添加的兄弟节点</div>"),得到的结果是:

after:在元素的后边,作为兄弟元素添加,如:

通过jquery代码 $(".base").after("<div>我是在后边添加的兄弟节点</div>"),得到的结果是:

  1. jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。

  2. jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。

  3. 它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

  4. jQuery的模块可以分为:入口模块、底层支持模块和功能模块。

  5. 其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。

  6. jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式