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

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

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

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

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

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

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

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


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

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

删除之后 <ul></ul>标签也不存在了。

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

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

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

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