jQuery——wrap、unwrap、wrapALL、wrapinner介绍

最新推荐文章于 2023-03-21 19:06:30 发布

柚子橘子

最新推荐文章于 2023-03-21 19:06:30 发布

阅读量155

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_43469862/article/details/104433928

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.1.1.min.js"></script>
	</head>
	<body>
		
			<script>
				$(function(){
					$("div").wrap("<a href='http://baidu.com'></a>");//外部包裹，包裹一个div
					$("div").wrapAll("<h1></h1>")//用<h1>包裹所有div
					$("a").unwrap();//除去包裹的父标签
					$("span").wrapInner("<span></span>");//在内部标签包裹span
				});
			</script>
		
		<form action="./js/in.jsp" method="get">
			<input type="text" name="account" placeholder="账号"/>
			<input type="submit" value="提交"/>
		</form>
		<div><span>百度</span></div>
	</body>
</html>