首页 > 文章列表 > jquery中dom节点操作方法empty和remove的区别

jquery中dom节点操作方法empty和remove的区别

js jquery
389 2022-08-06

JQuery库进行dom操作中,删除的方法有remove()和empty(),它们虽都可以删除dom节点元素,但是empty方法只是用于清空当前元素中的内容,不会删除包含自身的节点,也不会返回有意义JQuery对象。而remove方法就是用于删除元素节点,删除包含自身的节点,返回被选择的标签JQuery对象。

1、删除内容不同

empty方法:删除匹配的元素集合中所有的子节点,不包含自身;

用于清空当前元素中的内容,能清空元素中的所有后代节点而元素的标签部分仍被保留。

remove方法:删除匹配元素,包含自身。

用于删除元素节点,该节点与该节点所包含的所有后代节点将同时被删除;

2、参数使用方式不同

empty方法:根据jQuery 表达式来筛选元素;

remove方法:提供传递一个筛选的表达式,删除指定合集中的元素。

3、返回对象不同

empty方法:不会返回有意义JQuery对象;

remove方法:返回被选择的标签JQuery对象。

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。