JQuery中的Dom操作集合

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这个框架没有这个方法,百度之,有了。

未经允许不得转载:RffanLAB|Rffan实验室 » JQuery中的Dom操作集合

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址