编程 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 相关文章推荐

IE下双击checkbox反应延迟问题的解决方法

Mar 27 Javascript

jquery鼠标放上去显示悬浮层即弹出定位的div层

Apr 25 Javascript

jQuery中关于ScrollableGridPlugin.js（固定表头）插件的使用逐步解析

Jul 17 Javascript

jQuery实现页面点击后退弹出提示框的方法

Aug 24 Javascript

jQuery元素属性操作实例(设置、获取及删除元素属性)

Sep 08 Javascript

JavaScript代码实现txt文件的上传预览功能

Mar 27 Javascript

vue计算属性及使用详解

Apr 02 Javascript

在Vue中用canvas实现二维码和图片合成海报的方法

Jun 10 Javascript

layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子

Sep 06 Javascript

JavaScript和TypeScript中的void的具体使用

Sep 12 Javascript

react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

Nov 12 Javascript

vue中的v-model原理,与组件自定义v-model详解

Aug 04 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

代理(2) 增删查改(1) 克隆(1) #{}(1) canvas(2) 外键(1) SQL注入(2) 选择器(1) 图片模糊(1) flex(1)