编程 Javascript

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

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery表单验证插件（jquery.validate.js）的3种使用方式

Mar 28 Javascript

jQuery实现简单的文件上传进度条效果

Mar 26 Javascript

详解AngularJS Filter（过滤器）用法

Dec 28 Javascript

jQuery侧边栏实现代码

May 06 Javascript

微信小程序 wxapp内容组件 icon详细介绍

Oct 31 Javascript

js原生实现FastClick事件的实例

Nov 20 Javascript

JavaScript实现瀑布流图片效果

Jun 30 Javascript

BootStrap中Table隐藏后显示问题的实现代码

Aug 31 Javascript

AngularJS 仿微信图片手势缩放的实例

Sep 28 Javascript

js判断密码强度的方法

Mar 18 Javascript

原生js实现随机点名

Jul 05 Javascript

javascript canvas实现雨滴效果

Jun 09 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 socket方式提交的post详解

2008/07/19 PHP

PHP用GD库生成高质量的缩略图片

2011/03/09 PHP

php开启安全模式后禁用的函数集合

2011/06/26 PHP

匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来

2011/12/25 PHP

js字符串的各种格式的转换 ToString，Format

2011/08/08 Javascript

ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)

2012/01/13 Javascript

Jquery模仿Baidu、Google搜索时自动补充搜索结果提示

2013/12/26 Javascript

javascript获取flash版本号的方法

2014/11/20 Javascript

jquery使用ul模拟select实现表单美化的方法

2015/08/18 Javascript

用JavaScript来美化HTML的select标签的下拉列表效果

2015/11/17 Javascript

easyui validatebox验证

2016/04/29 Javascript

再谈javascript注入黑客必备！

2016/09/14 Javascript

Vue.js 2.0学习教程之从基础到组件详解

2017/04/24 Javascript

浅析JS中常用类型转换及运算符表达式

2017/07/23 Javascript

JavaSctit 利用FileReader和滤镜上传图片预览功能

2017/09/05 Javascript

Vuejs 实现简易 todoList 功能与组件实例代码

2018/09/10 Javascript

详解如何用VUE写一个多用模态框组件模版

2018/09/27 Javascript

微信小程序bindinput与bindsubmit的区别实例分析

2019/04/17 Javascript

详解在React-Native中持久化redux数据

2019/05/22 Javascript

vue v-for直接循环数字实例

2019/11/07 Javascript

[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17

2018/08/20 DOTA

详解python单例模式与metaclass

2016/01/15 Python

如何在sae中设置django,让sae的工作环境跟本地python环境一致

2017/11/21 Python

python距离测量的方法

2018/03/06 Python

选择python进行数据分析的理由和优势

2019/06/25 Python

使用python的pandas为你的股票绘制趋势图

2019/06/26 Python

python写日志文件操作类与应用示例

2019/07/01 Python

Python 自由定制表格的实现示例

2020/03/20 Python

python 实现朴素贝叶斯算法的示例

2020/09/30 Python

通过案例解析python鸭子类型相关原理

2020/10/10 Python

CSS3制作Dropdown下拉菜单的方法

2015/07/18 HTML / CSS

美国在线工具商店：Acme Tools

2018/06/26 全球购物

哄娃神器4moms商店：美国婴童用品品牌

2019/03/07 全球购物

SCHIESSER荷兰官方网站：德国内衣专家

2020/10/09 全球购物

开业主持词

2014/03/21 职场文书

协议书范本

2014/04/23 职场文书