JQuery empty方法和remove方法的区别

最新推荐文章于 2022-05-20 12:18:57 发布
最新推荐文章于 2022-05-20 12:18:57 发布
阅读量1w 收藏
点赞数
分类专栏： Jquery_基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/limlimlim/article/details/9231911
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>empty方法</title>
    <style type="text/css">
        #main{width:200px;margin:auto;border:1px solid red;}            
    </style>
    <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            //清空div中的innerHTML,注意此时div还是存在的
            $("#btnClearInnerHTML").click(function () {
                $("#main").empty();
            });
            //删除整个div节,div已经不存在了
            $("#btnClearDivNode").click(function () {
                $("#main").remove();
            });
        });
    </script>
</head>
<body>
    <div id="main">
        我是div中的内容
        <input id="btnClearInnerHTML" type="button" value="单击我清空div中的innerHTML" />
        <input id="btnClearDivNode" type="button" value="单击我删除整个div节点" />
    </div>
</body>
</html>
永远爱好写程序
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
第三章 JavaScript数组
qq_42839746的博客
07-21 1043
JavaScript 数组用于在单一变量中存储多个值，数组是一种特殊的变量，它能够一次存放一个以上的值。
jQuery中empty()方法与remove()方法
Liuxiaoyang1999的博客
11-11 399
目录 empty()方法: remove()方法: empty()方法: empty() ：删除匹配的元素集合中所有的子节点，但不包括自身; 代码示例： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> ...
jQuery插件之清空区域内容
Fenice
02-26 886
(function($) { $.fn.extend({ clear:function(){ cl(this); }, }) ; function cl(_id){ $("input,select,textarea", _id).each(function() { var t = this.type, tag = this.tagName.toLowerCase(); if
jquery 清除表单数据 clear from data
ajun_studio的专栏
07-27 1万+
由于项目中大部分列表搜索的时候都要有所搜条件的清除按钮，之前的做法是获得表单项 单个进行赋值为‘’：function toClear(){ $('#orderNoId').attr("value",''); $('#startOrderTimeId').attr("v
Jquery中remove的坑,通过id为何一直删不尽？
weixin_52078607的博客
03-09 1156
//用id作为筛选条件，只会删除属于该id的一个元素，注意是一个，所以就会有删不尽的情况 $("#id").remove(); 解决方法： 一、 while($("#id").length>0){ $("#id").remove(); } 二、 通过class来处理，把同id的元素声明到同一个类。 $(".class").remove(); ...
jQuery实现表单清除数据
一步一脚印的博客
08-18 2460
一种：$('#myForm').find('input[name!=sex]').val(''); 取值，设为空默认值value也会清空 二种：$('#myForm').get(0).reset(); 先转换为DOM对象，再调用DOM对象才有的方法重置 三种：$('#myForm').form("clear");基于easyui 只能清除表单元素默认值value也会清空 关注公众号，可以免费获取毕业设计项目、各种免费软件、资料，笔记哦。 ...
详解jQuery中的empty、remove和detach
10-22
empty、remove和detach三者都有把元素移除的作用，但细微的差别，造就了它们的使命不同。下面给大家介绍jQuery中的empty、remove和detach的区别，感兴趣的朋友一起学习吧
jquery之empty()与remove()区别说明
10-28
要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。
jQuery中DOM节点删除之empty与remove
10-20
DOM节点删除相信对每个初学jQuery的新手们来说都不陌生，下面这篇文章主要介绍了jQuery中DOM节点删除之empty与remove的相关资料，有需要的朋友可以参考借鉴，感兴趣的下面来一起学习学习吧。
jQuery 添加元素和删除元素的方法
11-20
在本文中，我们将深入探讨jQuery中的四个主要方法，用于在DOM中插入新内容：`append()`、`prepend()`、`after()`和`before()`，以及如何使用`remove()`和`empty()`来移除元素。 首先，`append()`方法允许我们在被选...
Jquery 4种移除 清空元素的方法
你总是想知道的博客
05-20 9920
1. empty() 将匹配的元素集合的子节点元素都移除，包括子节点的嵌套元素 2. html(“”) 清空当前元素的内容 3. remove() 将匹配的元素集合从dom中移除 例如$(".cls").remove()或者$('div').remove(".cls") 注意：调用方法的元素本身也会移除 4. detach() 将匹配的元素集合从dom中移除 包括所有文本和子节点 例如: $("p").detach() 这个方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素。
jQuery实战四：标签页效果
杨晓尚
06-15 180
知识点 本节学到的jQuery及其他开发知识： 1.一组标签用一个ul来管理，每一个标签是ul中的一个li;标签下面的内容就是用div来管理 2.跟在浮动元素（float）之后的元素会围绕着浮动元素，如果不希望有这种围绕，可以在浮动元素 之后的那个元素上定义clear属性。 3.实现当前标签和内容区域的融合，可以通过使用相同的背景色，外加当前标签使用颜色的边框来实现。 4.jQuery中的mous...
js中的empty()和remove()的区别
热门推荐
albert的专栏
08-26 4万+
有时需要修改js中select标签中的值，但是当将标签写成如下时，会发现js貌似没有器作用 请选择 js中的代码如下： $("#type").val(str1) 修改的方法就是首先执行$("#type").empty()，再执行$("#type").val(str1) empty()方法是将标签option中的值置成空就是将标签变成 这样再给select
jQuery——remove()、empty()区别
zp19860529的博客
03-06 462
remove()与empty() 有删除的功能，但是remove方法会把选中的元素标签也一起删除掉，empty()只会清空元素标签中的内容，不会把选中的标签($(tag))也干掉，但会把包含的子标签DOM节点删除掉. 1. remove()，都会返回被选择的标签JQuery对象,empty()则不会返回有意义JQuery对象； <div id="fdiv"> <...
jquery datatable调用.clear().draw()方法后不能清空表格数据
johnhuster的专栏
07-03 1万+
jquery datatable调用.clear().draw()方法后不能清空表格数据
jquery的remove方法在ie浏览器不兼容、无效、不起作用的解决方法
YAO_IT的博客
03-26 6212
做项目时，测试ie11浏览器发现jq的remove方法总是报错， jquery SCRIPT5007: 缺少对象解决思路：    先找要删除的节点的父级节点,然后使用原生js的removeChild方法删除该节点。  var ele = document.getElementById("要删除的节点id"); document.getElementById("要删除节点的父节点id").rem...
jQuery_删除及清空节点
Anonymous
01-09 1万+
•remove():从 DOM中删除所有匹配的元素,传入的参数用于根据 jQuery 表达式来筛选元素.  当某个节点用remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用. •empty():清空节点 –清空元素中的所有后代节点(不包含属性节点). Untitled Document
jquery清空某个元素下的所有节点
大海无量的博客
05-19 2万+
1.清空某个元素下的所有节点 $("#mochu").empty() 2.清空元素下的某些特定节点 $("#mulu_rongqi").find("li").remove();
jQuery中empty与remove方法的区别
myy_llc的博客
11-15 263
empty() ：删除匹配的元素集合中所有的子节点，不包括它本身 remove([expr]) ：删除匹配元素，包括它本身 empty方法： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src=...
jquery的文档处理方法
最新发布
06-11
jQuery 提供了许多文档处理方法，可以方便地操作文档的结构和内容。以下是一些常见的文档处理方法： - `append()`、`prepend()`、`after()`、`before()`：这些方法用于向文档中添加和插入元素。`append()` 将指定...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值