删除、复制替换节点

最新推荐文章于 2021-06-19 13:09:07 发布

张悦是个好人

最新推荐文章于 2021-06-19 13:09:07 发布

阅读量87

点赞数

本文链接：https://blog.csdn.net/qq_45337854/article/details/102823630

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script language="JavaScript" src="js/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div>
<p title="明日科技">明日科技</p>
<p title="明日图书">明日图书</p>
		</div>
		<script>
			//删除
			$(document).ready(function(){
				$("div p").remove("p[title!=明日科技]");
			});
			$("div p").click(function(){
				alert($(this).text());
			});
			var $p_2=$("div p:eq(1)").detach();
			$p_2.appendTo("div");	
		</script>
		
		<script>
			//复制
				$(function(){
					$("div p:eq(1)").bind("click",function(){
						$(this).clone(),insertAfter(this);
						
				});
				});
				
				//替换
					$(document).ready(function(){
						$("#div1").replaceWith("<div>replaceWith()方法的替换结果</div>");
						$("<div>replaceAll()方法的替换结果</div>").replaceAll("#div2");
						});
				
		</script>
	</body>
</html>