jQuery remove()与jQuery empty()的区别

jQuery remove() 方法删除被选元素及其子元素。举例如下：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script src="/jquery/jquery-1.11.1.min.js"></script>
 5 <script>
 6 $(document).ready(function(){
 7   $("button").click(function(){
 8     $("#div1").remove();
 9   });
10 });
11 </script>
12 </head>
13
14 <body>
15
16 <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
17 This is some text in the div.
18 <p>This is a paragraph in the div.</p>
19 <p>This is another paragraph in the div.</p>
20 </div>
21
22 <br>
23 <button>删除 div 元素</button>
24
25 </body>
26 </html>

点击按钮前如下：

点击按钮后：

remove()把整个div即选中的id部分的内容也已经删除。

jQuery empty() 方法删除被选元素的子元素。

把上面代码中的remove换成empty(),点击按钮后：

empty()并不清除选中的部分而是清除选中部分的子部分。

转载于:https://www.cnblogs.com/cocos2014/p/4270316.html

jQuery remove()与jQuery empty()的区别相关推荐

【jQuery教科书】从jQuery语法到jQuery ajax的每一个知识点（学习总结）
文章目录 @[toc] 一.jQuery概述 1.1 什么是jQuery? 1.2 jQuery的版本须知 1.3 jQuery的功能作用 1.4 为什么要使用jQuery? 1.5 jQueryAP ...
[JS][jQuery]清空元素html()、innerHTML= 与 empty()的区别、remove()区别
清空元素html("").innerHTML="" 与 empty()的区别一.清空元素的区别 1.错误做法一: $(&quo ...
JQuery和JavaScript常用方法的一些区别
jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单,为了说明区别,下面与大家分享下JavaScript 与JQuery 常用方法比较 jquery 就对j ...
jQuery remove 内存释放
解决方案(伪代码):(http://www.cnblogs.com/see7di/archive/2011/09/08/2239653.html) jQuery( "*", obj ...
jQuery:has()和jQuery:contains()及jQuery:empty
jQuery:has()和jQuery:contains()两个方法比较类似.不同点在于: has是判断标签的 contains是判断文本的 1.jQuery:has() <div>< ...
jQuery.fn和jQuery.prototype区别。
近期在读jQuery的源码. 发现这里有个东西很难理解. 这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么. 来看下jQu ...
Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
Jquery中bind和live的区别
Jquery中bind和live的区别 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(" ...
jQuery中eq和get的区别
jQuery中eq和get的区别相信大部份人都会把这2个的用法搞错.仔细查看下API文档就可以知道.eq返回的是一个jquery对象,get返回的是一个html 对象数组.举个例子: <p s ...

jQuery remove()与jQuery empty()的区别

jQuery remove()与jQuery empty()的区别相关推荐

最新文章

热门文章