jQuery文档操作之detach()方法

最新推荐文章于 2024-01-16 04:45:00 发布

sun-shadow

最新推荐文章于 2024-01-16 04:45:00 发布

阅读量455

点赞数

分类专栏： jQuery 文章标签： jQuery 性能

本文链接：https://blog.csdn.net/u013494746/article/details/40503259

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

detach()方法的作用是移除被选的元素（包括所有文本和字节点），

但是这个方法会保留备选的元素，因而可以再次使用这些元素和它绑定的事件。

以下三个例子将详细解释detach()方法

<html>
	<head>
		<script type = "text/javascript" src = "../jquery/jquery.js"></script>
		<script type = "text/javascript" >
			$(document).ready(function(){
				var x;
				$("#bt1").click(function(){
					x = $("p").detach();
					});
				$("#bt2").click(function(){
					$("body").append(x);
					});
				$("p").click(function(){
					$(this).animate({fontSize:"+=1px"});
					});
				});
			
		</script>
	</head>
	<body>
		<p>我就是小P，请我回来之后，点我有变化</p>
		<button id = "bt1">移除小P</button>
		<button id = "bt2">请回小P</button>
	</body>
</html>