前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JQuery中的Dom操作集合

JQuery中的Dom操作集合

作者头像
用户2353021
发布2020-05-12 08:44:43
5400
发布2020-05-12 08:44:43
举报
文章被收录于专栏:RFFAN实验室RFFAN实验室

RT 时至今日,JQuery已经落伍了,已经快要被各种mvvm框架取代(其中著名的莫过于vue,angular,react)。但是我们很多编码过程中,如果没使用mvvm或者不适应mvvm的人,那么就属JQuery使用的最广泛了。

其中,又数ajax和Dom操作中的append 最为常用。但是除了append,我们还有很多要用,例如insertBefore,所以百度之,放下面以供参考。

  1. html方法,给元素添加html代码或者清空html代码(参数为空字符串);
  2. append向元素的末尾添加html代码;
  3. appendTo这个方法跟append方法的很像,只是要添加的html代码的目标有所不一样;
  4. after向元素的后边添加html代码,如果元素后面有元素了,那将后面的元素后移,然后将html代码插入;
  5. before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插入;
  6. insertAfter将JQuery封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入;
  7. insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移,然后将JQuery对象插入;
  8. empty清空元素内部的html代码,它只是清空内部的html代码,但是标记仍然留在DOM中;
  9. remove从DOM中移除整个元素;

insertBefore 是今天才想到要用的。因为要在某个元素前面添加一个用来显示errorbox 所以,而这个元素不是最后面的,因此只能用这个方法,而只会append的我当时一脸懵逼,索性,想到其他的语言都有insert,没理由JQuery这个框架没有这个方法,百度之,有了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-07-19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档