如何使用 jQuery 销毁 DOM 元素？

Question

提问by omg

Suppose the jQuery object is $target.

假设 jQuery 对象是$target.

Answer 1

Is $target.remove();what you're looking for?

是$target.remove();你要找的吗？

Answer 2

If you want to completely destroythe target, you have a couple of options. First you can remove the object from the DOM as described above...

如果你想完全摧毁目标，你有几个选择。首先，您可以如上所述从 DOM 中删除对象...

console.log($target);   // jQuery object
$target.remove();       // remove target from the DOM
console.log($target);   // $target still exists

Option 1- Then replace target with an empty jQuery object(jQuery 1.4+)

选项 1- 然后用空的 jQuery 对象替换目标（jQuery 1.4+）

$target = $();
console.log($target);   // empty jQuery object

Option 2- Or delete the propertyentirely (will cause an error if you reference it elsewhere)

选项 2- 或者完全删除该属性（如果在其他地方引用它会导致错误）

delete $target;
console.log($target);   // error: $target is not defined

Answer 3

You are looking for the .remove()function.

您正在寻找该.remove()功能。