数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚学
法律学如何使用 jQuery 动态地用 div 包装和打开 HTML 控件？
若要包装 html 控件，请使用 wrap() 方法；若要打开 html 控件，请使用 unwrap() 方法。
示例
你可以尝试运行以下代码，以使用 jQuery 动态地用 div 包装和打开 html 控件。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#button1").click(function(){
$("p").wrap("<div></div>");
});
$("#button2").click(function(){
$("p").unwrap();
});
});
</script>
<style>
div {
background-color: gray;
}
</style>
</head>
<body>
<p>This is demo text.</p>
<p>This is another text.</p>
<button id="button1">Wrap</button>
<button id="button2">Unwrap</button>
</body>
</html>
更新于： 10-Dec-2019
481 次浏览
广告宣传