jQuery remove()

本文概述

  • jQuery remove()方法的参数
  • jQuery remove()方法的示例
  • jQuery remove()示例2
jQuery remove()方法用于将所选元素从DOM中删除。它将删除所选元素本身以及其中的所有内容(包括所有文本和子节点)。此方法还删除所选元素的数据和事件。
如果要删除元素而不删除数据和事件, 则应使用detach()方法。如果只想删除数据和事件, 请使用empty()方法。句法:
$(selector).remove(selector)

jQuery remove()方法的参数
参数 描述
Selector 是可选参数。它指定是否删除一个或多个元素。如果必须删除多个元素, 则应使用逗号(, )分隔它们。
jQuery remove()方法的示例
< !doctype html> < html lang="en"> < head> < meta charset="utf-8"> < title> remove demo< /title> < style> p { background: pink; margin: 6px 0; } < /style> < script src="http://img.readke.com/220429/22104a463-0.jpg"> < /script> < /head> < body> < p> Hello Guys!< /p> This is srcmini.com< br/> < p> A place for all technology.< /p> < button> Execute remove() method on paragraphs< /button> < script> $( "button" ).click(function() { $( "p" ).remove(); }); < /script> < /body> < /html>

立即测试
jQuery remove()示例2
< !DOCTYPE html> < html> < head> < script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> < /script> < script> $(document).ready(function(){ $("button").click(function(){ $("p").remove(); }); }); < /script> < /head> < body> < p> Welcome Guys!< /p> < p> < b> This is srcmini.com< /b> < /p> < button> Click here to execute remove() method< /button> < /body> < /html>

【jQuery remove()】立即测试

    推荐阅读