jquery之empty()与remove()区别

最新推荐文章于 2025-08-19 17:32:45 发布

weixin_33794672

最新推荐文章于 2025-08-19 17:32:45 发布

阅读量117

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2395167/blog/486821

本文对比了jQuery中empty()与remove()两个方法的区别。empty()仅清除选定元素的内容，保留DOM位置；remove()则完全移除元素及其内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现他们两者存在的差异：

1、empty() ：从被选元素移除所有内容，包括所有文本和子节点。

拿$("div").empty()来说，他只是把<div>dsfsd</div>中的文本给移除了，而留下了<div></div>,仍保留其在dom中所占的位置。

2、remove（）：移除被选元素，包括所有文本和子节点。

拿$("div").empty()来说，则是把<div>dsfsd</div>从dom中删除，而不会保留其所占的位置。

转载于:https://my.oschina.net/u/2395167/blog/486821

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33794672

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Jquery中empty()和remove()的区别

WilsonMP

08-24

775

相同点：两个方法都是Jquery中用来删除DOM节点的。区别： empty（）是移除指定标签内的所有节点，包括文本节点。 remove（）是移除指定的当前节点。如，对如下DOM树： <body> <div>this is header<div> this is main. <div>this is f...

jquery中：empty()和remove()区别

wmqdn的专栏

05-04

511

1.empty()：删除匹配的元素集合中所有的子节点 HTML 代码: Hello, Person and person jQuery 代码: $("p").empty(); 结果: 2.remove()：从DOM中删除所有匹配的元素例一： HTML 代码: Hello how are you? jQuery 代码: $("p").remove(

参与评论您还未登录，请先登录后发表或查看评论

jQuery——remove()、empty()区别

zp19860529的博客

03-06

533

remove()与empty() 有删除的功能，但是remove方法会把选中的元素标签也一起删除掉，empty()只会清空元素标签中的内容，不会把选中的标签($(tag))也干掉，但会把包含的子标签DOM节点删除掉. 1. remove()，都会返回被选择的标签JQuery对象,empty()则不会返回有意义JQuery对象； <div id="fdiv"> <...

说一说Jquery中的empty()与remove()的区别和用法

sxs161028的博客

07-03

2530

今天在改一个新人写的代码，好吧，我承认改代码与自己写代码要来的痛苦。主要是在测试一个table。table中有一列是同删除操作。我的删除功能是这样的，当点击删除的时候，判断这个table中的tr行，是否大于1，如果大等于1的话，我就查询上一页的数据（因为此页仅有的一条数据将会从数据库中删除）。如果大于1的话，就继续重新查询这条数据。（本来以我的作风就不再调用查询接口查询数据，我会直接将tab

jQuery的empty()与remove()的区别

qq_41083450的博客

11-11

210

一、empty()：把匹配元素的内部元素删去二、remove()：把匹配元素删去

jQuery中empty与remove

S_Tian的博客

12-01

211

empty() ：删除匹配的元素集合中所有的子节点，不包括自身。 remove([expr]) ：删除匹配元素，包括自身。 <body> <p><span>I </span><b>Love You.</b></p> <script> $("p").empty(); //只...

jQuery中empty和remove方法

ANFO的博客

11-11

1034

在jQuery中，empty()和remove()方法都是用来删除DOM节点的： empty() ：删除匹配的元素集合中所有的子节点，不包括自身。 remove([expr]) ：删除匹配元素，包括自身及节点中内容。二者的区别在于是否删除自身的元素，下面两个示例展示了这两个方法的作用：下面的代码首先使用标签选择器获取p标签，然后用p标签调用empty()方法，删除的是被p标签包裹的所...

jquery之empty()与remove()区别说明

10-28

在介绍完empty()与remove()方法的基本区别之后，再来看看它们使用上的一些细节和注意事项。empty()方法是一个无需传递参数的函数，它作用于匹配到的元素集合中的第一个元素，移除其所有子节点。而remove()方法则可以...

详解jQuery中的empty、remove和detach

10-22

使用remove方法移除元素时，元素将会被完全从文档对象模型（DOM）中清除，且不会保留任何与之相关的数据或事件监听器。然而，remove与empty的主要区别在于，remove方法在移除元素时，会同时清除元素上的数据和事件...

jQuery中DOM节点删除之empty与remove

10-20

DOM节点删除相信对每个初学jQuery的新手们来说都不陌生，下面这篇文章主要介绍了jQuery中DOM节点删除之empty与remove的相关资料，有需要的朋友可以参考借鉴，感兴趣的下面来一起学习学习吧。

jQuery empty与remove方法区别解析

"基于DOM节点删除之empty和remove的区别(详解)\nempty 顾名思义，清空方法，但是与删除又有点不一样，因为它只移除了指定元素中的所有子节点。\nremove方法与empty类似，但会完全从DOM中删除元素。在jQuery中，`...

三十四、Vue3项目大屏之SCSS自适应适配屏幕方法

张先森的博客

08-19

299

其中 px2vw代表的是高度的适配，px2vh代表的是宽度的适配，我当时着急写反了，但是也可以用，px2vw(1) 大概有1px的大小，如果你先写好了px的标准的1920*1080的设计图，可以直接全局转换。哈喽，大家好，在上次第十五章给大家分享了大屏看板Less适配各种屏幕之后，发现大多数的css都是SCSS,那么今天给大家分享下SCSS的自适应屏幕的方法。底下是原先第十五张的less的适配方法。话不多说，直接上代码。

E2B是一个开源基础设施，允许您在云中安全隔离的沙盒中运行AI生成的代码和e2b.dev网站

skywalk8163的专栏

08-17

961

E2B是一个开源的云沙盒服务，允许在隔离环境中运行AI生成的代码。开发者需通过e2b.dev网站注册获取API key，并安装JavaScript或Python SDK来使用该服务。主要竞品包括CodeSandbox（侧重前端开发协作）和Replit（支持多语言在线编程）。E2B的核心优势在于为AI代码提供安全的执行环境，但需依赖其云端服务而非自建。使用示例展示了通过SDK在沙盒中运行简单Python代码的过程。

Layui COP证书管理系统

bemyrunningdog

08-18

348

本文介绍了一个基于Layui和SpringBoot的COP证书管理系统的完整实现方案。系统采用前后端分离架构，前端使用Layui2.8.3框架实现响应式界面，后端基于SpringBoot3.1.0和Java17开发，MySQL8.0作为数据库存储。系统实现了证书全生命周期管理（草稿、已提交、审核中、已签发、已拒绝五种状态），包含证书增删改查、批量操作、操作日志记录等核心功能。技术实现上，后端采用RESTful API设计，通过MyBatis操作数据库，前端使用Layui表格和表单组件实现数据展示和交互。系统

学习链接。

weixin_49035434的博客

08-18

336

hello 算法 0.2 如何使用本书 - Hello 算法代码随想录: 代码随想录被删的前端游乐场被删的前端游乐场Github漫游指南 : Github ebookJaveScript源码: https://github.com/v8/v8/blob/ad82a40509c5b5b4680d4299c8f08d6c6d31af3c/src/js/array.js世峰的刷题网站: labuladong 的算法笔记 | labuladong 的算法笔记编程导航: 编程导航 - 程序员一站式编程学习交流社

Redux搭档Next.js的简明使用教程

jobleap.cn求职助手首页

08-17

890

Redux是JavaScript应用的状态管理库，适用于复杂状态逻辑和跨组件共享的场景。Redux Toolkit（RTK）简化了传统Redux的配置，适合中大型应用、异步操作和团队协作。在Next.js中，Redux可通过Provider注入，与React组件无缝集成。典型使用场景包括电商购物车、用户状态管理、复杂表单等需要状态追踪和复用的功能。小型应用或简单状态共享则建议使用useState或useContext。本文提供了Next.js集成Redux Toolkit的完整教程，包括store配置、sl

【tips】unsafe-eval线上页面突然空白

Dorcas_FE的博客

08-18

217

页面因违反CSP策略的unsafe-eval限制而无法展示，原因是后端安全升级后原CSP策略仅允许script-src 'self' 'unsafe-inline'，

JavaScript 性能优化实战大纲