Jquery 元素的删除 ;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>删除元素</title>
<!--导入jquery 文件-->
<script SRC="jquery.min.js"></script>
<script src="remove.js"></script>
</head>
<body>
<!-- 给 div元素进行样式调整-->
<div id="divs" style="height: 200px;width: 560px;border: 1px solid lightskyblue;background-color: lightblue">
删除元素;你是不是我最疼爱的人,为什么不说话
<p id="p1">网事随风</p>
<p id="p2">网事随风</p>
</div>
<button id="bhtml1">删除按钮1</button>
</body>
</html>
js文件
/*移除效果
* remove
* empty
* */
$(document).ready(function () {
$("#bhtml1").click(function () {
//remove 是全部删了, empty 是删除元素的子元素
$("#divs").remove();
// $("#divs").empty();
})
})
效果如下 :
最终效果: