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程序设计有所帮助。

Javascript 相关文章推荐
javascript 写类方式之五
Jul 05 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
Mar 25 Javascript
a标签click和href执行顺序探讨
Jun 23 Javascript
理解javascript回调函数
Dec 28 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
smartcrop.js智能图片裁剪库
Oct 14 Javascript
javascript设计模式--策略模式之输入验证
Nov 27 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
Nov 05 Javascript
解决Window10系统下Node安装报错的问题分析
Dec 13 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
Aug 28 Javascript
vuejs移动端实现div拖拽移动
Jul 25 Javascript
vue实现图书管理系统
Dec 29 Vue.js
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算法实例分享
2015/07/14 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
thinkPHP事务操作简单案例分析
2019/10/17 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
jquery弹出框的用法示例(一)
2013/08/26 Javascript
JS过滤url参数特殊字符的实现方法
2013/12/24 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
ES6中的箭头函数实例详解
2017/04/06 Javascript
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
JS封装的模仿qq右下角消息弹窗功能示例
2018/08/22 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
一百行python代码将图片转成字符画
2021/02/19 Python
自学python的建议和周期预算
2019/01/30 Python
python调用c++返回带成员指针的类指针实例
2019/12/12 Python
推荐8款常用的Python GUI图形界面开发框架
2020/02/23 Python
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
试用期员工考核制度
2014/01/22 职场文书
小学生读书感言
2014/02/12 职场文书
中专生毕业个人鉴定
2014/02/26 职场文书
服装设计师求职信
2014/06/04 职场文书
党性教育心得体会
2014/09/03 职场文书
2014个人四风对照检查材料思想汇报
2014/09/18 职场文书
简易离婚协议书范本
2014/10/24 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
同学毕业留言寄语
2015/02/27 职场文书
2015年幼儿园保育工作总结
2015/05/12 职场文书
2015年党小组工作总结
2015/05/26 职场文书
入党介绍人意见2015
2015/06/01 职场文书
投诉信范文
2015/07/02 职场文书
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android