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操作集合