JQuery的Dom操作

Posted 2020-09-06 Nevr

大家好 又见面了 这次继续还是由我为大家带来JQuery的基础操作，这次的重点是在JQuery里使用DOM 示例如下：

Prepend()：在内容的前面插入新的标签，如下；

 

效果：

 

prependTo():和上面的功能一模一样，也就是顺序上的区别

 

效果；

 

 

After():标签后面添加新的元素

 

 

Before()：在匹配元素的前面插入新的标签

 

 

 

1. 删除节点

在JQuery里面，删除节点的方法大致3种：remove(),detach(),empty()

Remove():从DOM里面删除所有匹配的元素

 

效果：点击删除按钮以后，苹果选项被删除掉

Remove()方法删除节点的时候，会将绑定在上面的事件一并删除掉，如果将删除的节点再次添加到文档里面的话，之前绑定的事件已经丢失掉了

 

detach()：也是删除节点，只不过删除后再重新添加回来的话，之前绑定的事件也还在。