jQuery元素添加

最新推荐文章于 2023-11-23 15:07:33 发布

Wwwwww~

最新推荐文章于 2023-11-23 15:07:33 发布

阅读量100

点赞数

分类专栏：笔记 java

本文链接：https://blog.csdn.net/bravery__/article/details/107445574

版权

java 同时被 2 个专栏收录

46 篇文章 1 订阅

订阅专栏

笔记

19 篇文章 1 订阅

订阅专栏

内部插入：

<body>
		<div id="content">
			<span>郑州</span>
		</div>
		<!--内部插入：在指定标签的内部以同级标签为参照插入-->
		<script>
			$("#content").prepend("<i>河南</i>");//前插入
			$("#content").append("<b>大学</b>");//后插入
		</script>
</body>

一、在元素内添加，依次（往后）添加：对象.append(元素) 或者元素.appendTo(对象)
　　 $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲content").prepe\dots$ ("#content").append(“大学”);
执行结果：
在这里插入图片描述
外部插入：

<body>
		<div id="content">
			<span>郑州</span>
		</div>
		<!--外部插入：以指定同级标签为参照进行插入-->
		<!--<b id="haut">工业</b>-->
		<script>
			$("#huat").before("<i>河南</i>");//前插入
			$("#haut").after("<b>大学</b>");//后插入
		</script>
</body>

三、在元素前添加兄弟元素,依次（往后）添加：对象.before(元素);
　　 $KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲huat").before("\dots$ ("#haut").after(“大学”);
包裹（wrap）：

<body>
		<img src="img/tophover.jpg"/>
		<script>
			$("img").wrap(<a href="https://www.jd.com"></a>);
		</script>
</body>

为img标签添加a标签包裹，为图片添加跳转网页功能。点击图片即可跳转。