[JS][jQuery]remove()与 empty()的区别

要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。

empty()是只移除了指定元素中的所有子节点，拿$("p").empty()来说，他只是把dsfsd中的文本给移除了，而留下了,仍保留其在dom中所占的位置。

remove([expr])则是把其从dom中删除，而不会保留其所占的位置。

例:

Hello

World

welcome

执行$("p").empty()其结果是

World

执行$("p").remove()其结果是

World

时间： 2024-07-29 23:30:51

[JS][jQuery]remove()与 empty()的区别的相关文章

[JS][jQuery]remove()与 empty()的差别

要用到移除指定元素的时候,发现empty()与remove([expr])都能够用来实现.可细致观察效果的话就能够发现. empty()是仅仅移除了指定元素中的全部子节点.拿$("p").empty()来说.他仅仅是把dsfsd中的文本给移除了.而留下了,仍保留其在dom中所占的位置. remove([expr])则是把其从dom中删除,而不会保留其所占的位置. 例: Hello</

jQuery中remove()和empty()的区别

要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现.可仔细观察效果的话就可以发现.empty()是只移除了指定元素中的所有子节点,拿$("p").empty()来说,他只是把dsfsd中的文本给移除了,而留下了,仍保留其在dom中所占的位置.remove([expr])则是把其从dom中删除,而不会保留其所占的位置.例:HelloW

remove()与 empty()的区别

要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现.可仔细观察效果的话就可以发现. empty()是只移除了指定元素中的所有子节点,拿$("p").empty()来说,他只是把dsfsd中的文本给移除了,而留下了,仍保留其在dom中所占的位置. remove([expr])则是把其从dom中删除,而不会保留其所占的位置. 例: Hello</p&

Jquery empty() remove() detach() 方法的区别

方法简介: empty() This method removes not only child (and other descendant) elements, but also any text within the set of matched elements. This is because, according to the DOM specification, any string of text within an element is considered a child no

[JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别、remove()区别

清空元素html("").innerHTML="" 与 empty()的区别一.清空元素的区别 1.错误做法一: $("#test").html("");//该做法会导致内存泄露 2.错误做法二: $("#test")[0].innerHTML=""; ;//该做法会导致内存泄露 3.正确做法: //$("#t

[JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别：关于内容泄露问题

清空元素html("").innerHTML="" 与 empty()的区别一.清空元素的区别 1.错误做法一: $("#test").html("");//该做法会导致内存泄露 2.错误做法二: $("#test")[0].innerHTML=""; ;//该做法会导致内存泄露 3.正确做法: //$("

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(

jquery 中remove()与detach()的区别

remove()与detach()方法都是从dom中删除所有的元素两者的共同之处在于都不会把匹配的元素从jQuery对象中删除. 不同之处在于用remove()删除的元素,除了元素被保留,其他的在这个元素上的绑定事件等都会被移除,但是detach()方法不会移除这个元素上的方法或者是附加数据. 简单举例: html: <body>区别</body> js: p元素的绑定事件 $("p").click(function(){

Js - Dom原生对象和jQuery对象的联系、区别、相互转换

Dom原生对象和jQuery对象的联系.区别.相互转换: 联系: 1.jQuery对象:通过jQuery包装DOM对象后产生的对象: 2.两者之间可以相互转换:区别: 1.jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价: 2.jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法. 乱使用会报错. 例如: $("#id").htm