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检测实例属性, 原型属性
Feb 04 Javascript
JavaScript中5种调用函数的方法
Mar 12 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
fullPage.js和CSS3实现全屏滚动效果
May 05 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
JS判断数组那点事
Oct 10 Javascript
详解webpack babel的配置
Jan 09 Javascript
vue.js实现只弹一次弹框
Jan 29 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
vue图片裁剪插件vue-cropper使用方法详解
Dec 16 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获取文件扩展名的4种方法
2015/11/24 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
php 猴子摘桃的算法
2017/06/20 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
纯JavaScript实现的完美渐变弹出层效果代码
2010/04/02 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
用JavaScript实现使用鼠标画线的示例代码
2014/08/19 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
浅谈javascript alert和confirm的美化
2016/12/15 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
JS仿Base.js实现的继承示例
2017/04/07 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
JS脚本加载后执行相应回调函数的操作方法
2018/02/28 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
学前端,css与javascript重难点浅析
2020/06/11 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
2021/01/07 Javascript
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
Python创建xml的方法
2015/03/10 Python
Python中pygame的mouse鼠标事件用法实例
2015/11/11 Python
python回调函数中使用多线程的方法
2017/12/25 Python
Django 多语言教程的实现(i18n)
2018/07/07 Python
pycharm配置git(图文教程)
2019/08/16 Python
python 实现将小图片放到另一个较大的白色或黑色背景图片中
2019/12/12 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
python使用matplotlib绘制折线图的示例代码
2020/09/22 Python
html5中地理位置定位api接口开发应用小结
2013/01/04 HTML / CSS
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
群众路线四风自我剖析材料
2014/10/08 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS