首页 > 代码库 > JQuery的Dom操作

JQuery的Dom操作

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

Prepend():在内容的前面插入新的标签,如下;

 

效果:

 

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

 

效果;

 

 

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

 

 

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

 

 

 

  1. 删除节点

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

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

 

效果:点击删除按钮以后,苹果选项被删除掉

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

 

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

 

JQuery的Dom操作