jQuery删除元素方法remove(),detach(),empty()

1.empty()
它是清空节点,但是那些节点的标签还在。
jQuery删除元素方法remove(),detach(),empty()_第1张图片

jQuery删除元素方法remove(),detach(),empty()_第2张图片

jQuery删除元素方法remove(),detach(),empty()_第3张图片

jQuery删除元素方法remove(),detach(),empty()_第4张图片

jQuery删除元素方法remove(),detach(),empty()_第5张图片

jQuery删除元素方法remove(),detach(),empty()_第6张图片

jQuery删除元素方法remove(),detach(),empty()_第7张图片
结果是:p里面的都被删除了,而不是只有 class为hello的p


2.remove() 
从DOM中删除所有匹配的元素。
这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
jQuery删除元素方法remove(),detach(),empty()_第8张图片

jQuery删除元素方法remove(),detach(),empty()_第9张图片

删除之后
    标签也不存在了。

    jQuery删除元素方法remove(),detach(),empty()_第10张图片
    3.detach()
    这个方法不会把匹配的元素从 jQuery 对象中删除,因而可以将来再次使用这些匹配的元素,与remove()不同的是,所有的绑定事件、附加的数据也会保留下来。

    注意:
    remove() 方法移除被选元素,包括所有的文本和子节点。
    该方法也会移除被选元素的数据和事件。
    提示: 如需移除元素,但保留数据和事件,请使用  detach()  方法代替。
    提示: 如只需从被选元素移除内容,请使用  empty()  方法。

    jQuery删除元素方法remove(),detach(),empty()_第11张图片

    jQuery删除元素方法remove(),detach(),empty()_第12张图片

    你可能感兴趣的:(jquery)