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 相关文章推荐
跨浏览器通用、可重用的选项卡tab切换js代码
Sep 20 Javascript
计算世界完全对称日的js代码,粗糙版
Nov 04 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
Jul 31 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
angular+ionic 的app上拉加载更新数据实现方法
Jan 16 Javascript
Vue2几种常见开局方式详解
Sep 09 Javascript
利用nvm管理多个版本的node.js与npm详解
Nov 02 Javascript
javascript实现智能手环时间显示
Sep 18 Javascript
关于vue-router-link选择样式设置
Apr 30 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开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
php使用类继承解决代码重复的问题
2015/02/11 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
php中各种定义变量的方法小结
2017/10/18 PHP
js程序中美元符号$是什么
2008/06/05 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
jquery实现两个图片渐变切换效果的方法
2015/06/25 Javascript
javascript实现确定和取消提示框效果
2015/07/10 Javascript
js实现文本框支持加减运算的方法
2015/08/19 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
vue弹窗组件的实现示例代码
2018/09/10 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
python requests爬取高德地图数据的实例
2018/11/10 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
Django获取应用下的所有models的例子
2019/08/30 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
Python DataFrame使用drop_duplicates()函数去重(保留重复值,取重复值)
2020/07/20 Python
Python接收手机短信的代码整理
2020/08/02 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
Python调用Redis的示例代码
2020/11/24 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
售前工程师职业生涯规划
2014/03/02 职场文书
学习三严三实对照检查材料思想汇报
2014/09/22 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
营运督导岗位职责
2015/04/10 职场文书