编程 Javascript

jQuery使用empty()方法删除元素及其所有子元素的方法

Posted in Javascript onMarch 26, 2015

本文实例讲述了jQuery使用empty()方法删除元素及其所有子元素的方法。分享给大家供大家参考。具体实现方法如下：

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("#div1").empty();
 });
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>Empty the div element</button>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用 Javascript 验证表单(form)中的单选(radio)值

Sep 08 Javascript

JS过滤url参数特殊字符的实现方法

Dec 24 Javascript

JS仿Windows开机启动Loading进度条的方法

Feb 26 Javascript

js实现背景图片感应鼠标变化的方法

Feb 28 Javascript

JS中完美兼容各大浏览器的scrolltop方法

Apr 17 Javascript

bootstrap学习使用（导航条、下拉菜单、轮播、栅格布局等）

Dec 01 Javascript

JS高级运动实例分析

Dec 20 Javascript

使用AngularJS对表单提交内容进行验证的操作方法

Jul 12 Javascript

详谈JS中数组的迭代方法和归并方法

Aug 11 Javascript

基于webpack4+vue-cli3项目实现换肤功能

Jul 17 Javascript

Vue项目中使用flow做类型检测的方法

Mar 18 Javascript

12 种使用Vue 的最佳做法

Mar 30 Javascript

jquery使用remove()方法删除指定class子元素

Mar 26 #Javascript

jQuery使用removeClass方法删除元素指定Class的方法

Mar 26 #Javascript

jQuery给多个不同元素添加class样式的方法

Mar 26 #Javascript

Js实现自定义右键行为

Mar 26 #Javascript

jQuery使用addClass()方法给元素添加多个class样式

Mar 26 #Javascript

Jquery异步提交表单代码分享

Mar 26 #Javascript

jQuery使用toggleClass方法动态添加删除Class样式的方法

Mar 26 #Javascript

You might like

PHP获取当前文件所在目录 getcwd()函数

2009/05/13 PHP

dhtmlxTree目录树增加右键菜单以及拖拽排序的实现方法

2013/04/26 PHP

关于php程序报date()警告的处理(date_default_timezone_set)

2013/10/22 PHP

php精确的统计在线人数的方法

2015/10/21 PHP

讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别

2007/04/12 Javascript

js 调用本地exe的例子(支持IE内核的浏览器)

2012/12/26 Javascript

Javascript级联下拉菜单以及AJAX数据验证核心代码

2013/05/10 Javascript

jQuery实现自定义下拉列表

2015/01/05 Javascript

深入理解JavaScript系列（45）：代码复用模式（避免篇）详解

2015/03/04 Javascript

JS通过ajax动态读取xml文件内容的方法

2015/03/24 Javascript

web 屏蔽BackSpace键实例代码

2016/12/24 Javascript

javascript删除html标签函数cIsHTML

2017/01/09 Javascript

简单实现bootstrap导航效果

2017/02/07 Javascript

Vue Element 分组+多选+可搜索Select选择器实现示例

2018/07/23 Javascript

Bootstrap 模态框自定义点击和关闭事件详解

2018/08/10 Javascript

基于layui的下拉列表的数据回显方法

2019/09/24 Javascript

javascript设计模式 ? 代理模式原理与用法实例分析

2020/04/16 Javascript

vue实践---vue不依赖外部资源实现简单多语操作

2020/09/21 Javascript

对numpy 数组和矩阵的乘法的进一步理解

2018/04/04 Python

浅谈Python批处理文件夹中的txt文件

2019/03/11 Python

浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)

2019/08/12 Python

Django1.11配合uni-app发起微信支付的实现

2019/10/12 Python

手工制作的音乐盒：Music Box Attic

2019/09/05 全球购物

老师推荐信

2013/10/28 职场文书

高中毕业自我鉴定

2013/12/16 职场文书

机关节能减排实施方案

2014/03/17 职场文书

房屋出售协议书

2014/04/10 职场文书

道德之星事迹材料

2014/05/03 职场文书

五好关工委申报材料

2014/05/31 职场文书

物流专业求职信

2014/06/30 职场文书

公司离职证明范本（5篇）

2014/09/17 职场文书

2014卖家双十一活动策划书

2014/09/29 职场文书

golang 实现对Map进行键值自定义排序

2021/04/28 Golang

SQLServer中JSON文档型数据的查询问题解决

2021/06/27 SQL Server

Mysql数据库表中为什么有索引却没有提高查询速度

2022/02/24 MySQL

JS setTimeout与setInterval的区别

2022/04/20 Javascript