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获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
Javascript 遍历页面text控件详解
Jan 06 Javascript
window.location.href的用法(动态输出跳转)
Aug 09 Javascript
JS对字符串编码的几种方式使用指南
May 14 Javascript
ECMAScript中函数function类型
Jun 03 Javascript
js实现文字选中分享功能
Jan 25 Javascript
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
Nov 14 Javascript
JS使用Dijkstra算法求解最短路径
Jan 17 Javascript
Vue 进阶之路(三)
Apr 18 Javascript
JS实现图片懒加载(lazyload)过程详解
Apr 02 Javascript
微信小程序实现天气预报功能(附源码)
Dec 10 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数字运算验证码的实现代码
2015/07/30 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
javascript function、指针及内置对象
2009/02/19 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
jQuery实现加入购物车飞入动画效果
2015/03/14 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
2015/07/06 Javascript
JavaScript中实现Map的示例代码
2015/09/09 Javascript
jquery按回车键实现表单提交的简单实例
2016/05/25 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
微信小程序tabBar底部导航中文注解api详解
2017/08/16 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
swiper动态改变滑动内容的实现方法
2018/01/17 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
python内存监控工具memory_profiler和guppy的用法详解
2019/07/29 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
java程序员面试交流
2012/11/29 面试题
人力资源专业推荐信
2013/11/29 职场文书
酒店个人求职信范文
2014/01/25 职场文书
五好党支部事迹材料
2014/02/06 职场文书
建筑工地门卫岗位职责
2014/04/30 职场文书
奉献演讲稿范文
2014/05/21 职场文书
印刷技术专业自荐信
2014/09/18 职场文书
2014年学习委员工作总结
2014/11/14 职场文书
Golang实现AES对称加密的过程详解
2021/05/20 Golang
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS