jQuery 教程
1. jQuery 教程 2. jQuery 简介 3. jQuery 安装 4. jQuery 语法 5. jQuery 选择器 6. jQuery 事件 7. jQuery 效果 – 隐藏和显示 8. jQuery 效果 – 淡入淡出 9. jQuery 效果 – 滑动 10. jQuery 效果 – 动画 11. jQuery 效果 – 停止动画 12. jQuery Callback 方法 13. jQuery 链 14. jQuery 获取内容和属性 15. jQuery 设置内容和属性 16. jQuery 添加元素 17. jQuery 删除元素 18. jQuery 获取并设置 CSS 类 19. jQuery css() 方法 20. jQuery 尺寸 21. jQuery 遍历 22. jQuery 遍历 – 祖先 23. jQuery 遍历 – 后代 24. jQuery 遍历 – 同胞(siblings) 25. jQuery 遍历 – 过滤 26. jQuery AJAX 简介 27. jQuery – AJAX load() 方法 28. jQuery – AJAX get() 和 post() 方法 29. jQuery noConflict() 方法 30. jQuery 实例 31. jQuery 事件方法 32. jQuery 效果方法 33. jQuery HTML / CSS 方法 34. jQuery 遍历方法 35. jQuery AJAX 方法 36. jQuery 杂项方法 37. jQuery 属性

jQuery 删除元素

jQuery - 删除元素


通过 jQuery,可以很容易地删除已有的 HTML 元素。


删除元素/内容

如需删除元素和内容,一般可使用以下两个 jQuery 方法:

  • remove() - 删除被选元素(及其子元素)
  • empty() - 从被选元素中删除子元素

jQuery remove() 方法

jQuery remove() 方法删除被选元素及其子元素。

实例

$("#div1").remove();

55面试教程网 »


jQuery empty() 方法

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

实例

$("#div1").empty();

55面试教程网 »


过滤被删除的元素

jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class="italic" 的所有 <p> 元素:

实例

$("p").remove(".italic");

55面试教程网 »