您的位置：首页 > Web前端 > JQuery

jQuery基础----14jQuery HTML-删除元素

2015-08-16 14:56 736 查看 
<!DOCTYPE html>
<!--4jQuery HTML-删除元素-->
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-2.1.4.min.js"></script>
<script src="js14.js"></script>
<style>
.mydiv {
width: 400px;
height: 400px;
background-color: #b3d4fc;
}
</style>
</head>
<body>
<div class="mydiv">
<p>hello world1</p>
<p>hello world2</p>
<p>hello world3</p>
</div>
<button id="btn01">删除元素</button>

</body>
</html>
js:

/**
* Created by hao on 2015/8/15.
*/
$(document).ready(function(){
$("#btn01").click(
function(){
// 删除元素
// remove,全部删除
$("div").remove();
// 删除里面的子元素
//$("div").empty();

}
);

})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航