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 相关文章推荐
JS 实现双色表格实现代码
Nov 24 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
jquery制作搜狐快站页面效果示例分享
Feb 21 Javascript
jQuery使用元素属性attr赋值详解
Feb 27 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
浅谈js的ajax的异步和同步请求的问题
Oct 07 Javascript
js实现弹窗居中的简单实例
Oct 09 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
JS常用跨域方法实现原理解析
Dec 09 Javascript
Vue2.0搭建脚手架
Mar 13 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 escape URL编码
2008/12/10 PHP
根据中文裁减字符串函数的php代码
2013/12/03 PHP
phpmyadmin提示The mbstring extension is missing的解决方法
2014/12/17 PHP
PHP编程计算日期间隔天数的方法
2017/04/26 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
用js实现多域名不同文件的调用方法
2007/01/12 Javascript
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
JS模拟面向对象全解(一、类型及传递)
2011/07/13 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
基于Bootstrap+jQuery.validate实现表单验证
2016/05/30 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
关于Webpack dev server热加载失败的解决方法
2018/02/22 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
vue 中filter的多种用法
2018/04/26 Javascript
vue项目中使用tinymce编辑器的步骤详解
2018/09/11 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
浅入深出Vue之自动化路由
2019/08/06 Javascript
python服务器端收发请求的实现代码
2014/09/29 Python
python字典基本操作实例分析
2015/07/11 Python
python 用下标截取字符串的实例
2018/12/25 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
python Plotly绘图工具的简单使用
2020/03/03 Python
Python爬虫:Request Payload和Form Data的简单区别说明
2020/04/30 Python
Django使用rest_framework写出API
2020/05/21 Python
PHP如何设置和取得Cookie值
2015/06/30 面试题
.NET现在共支持多少种语言
2014/02/26 面试题
企业业务员岗位职责
2014/03/14 职场文书
企业职业病防治方案
2014/05/29 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
社保缴纳证明申请书
2014/11/03 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
导游词之上海豫园
2019/10/24 职场文书
python 实现mysql自动增删分区的方法
2021/04/01 Python
手把手带你彻底卸载MySQL数据库
2022/06/14 MySQL