jQuery detach()的例子
detach()是jQuery内置的一个方法,它可以从DOM树上删除所选的元素,包括它的所有文本和子节点,但它保留数据和事件。文档对象模型(DOM)是一个万维网联盟的标准。它定义了访问DOM树中的元素。
语法:
$(selector).detach()
参数:它不接受任何参数。
返回值:它返回选中的元素和所有删除的文本和子节点。
jQuery代码显示此方法的工作:
代码 #1:
在下面的代码中,所有的段落元素将被分离。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to show detach method working -->
(document).ready(function() {
("button").click(function() {
$("p").detach();
});
});
</script>
<style>
body {
display: block;
width: 400px;
height: 250px;
padding: 20px;
border: 2px solid green;
font-size: 25px;
}
</style>
</head>
<body>
<div> This is the div part !</div>
<br>
<!-- This paragraphs get detached -->
<p>This is the first paragraph !</p>
<p>This is the second paragraph !</p>
<button>Click Me !</button>
</body>
</html>
输出:
在点击 “点击我 “按钮之前-
点击 “点击我 “按钮后-