JAVA全系列 教程
3762个小节阅读:7090.8k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
选择器
DOM操作
Class操作 addClass() removeClass() toggleClass() hasClass()
文本操作 html() text() val()
属性操作 attr() removeAttr()
DOM 插入并包裹现有内容
CSS操作
事件处理
遍历
动画
在每个匹配的元素外层包上一个html元素
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<p>itbaizhan</p>
<script>
$("p").wrap("<div class='container'></div>");
</script>
</body>
</html>
将匹配元素集合的父级元素删除,保留自身在原来的位置
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<div>
<p>itbaizhan</p>
</div>
<script>
$("p").unwrap();
</script>
</body>
</html>
在所有匹配元素外面包一层HTML结构
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
div { border: 2px solid blue; }
p { background:yellow; margin:4px; }
</style>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<p>itbaizhan</p>
<p>sxt</p>
<p>web</p>
<script>
$("p").wrapAll("<div></div>");
</script>
</body>
在匹配元素里的内容外包一层结构
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<style>
p {
background: #bbf;
}
</style>
<script src="./js/jquery-3.6.0.min.js"></script>
</head>
<body>
<p>itbaizhan</p>
<p>sxt</p>
<p>web</p>
<script>$("p").wrapInner("<b></b>");</script>
</body>
</html>
实时效果反馈
1. DOM插入操作,如何在所有同级元素外增加一个容器,选择下列哪个方法:
A wrap()
B unwrap()
C wrapAll()
D wrapInner()
答案
1=>C