如何在jQuery中删除DOM元素?
empty()方法从匹配元素集中删除所有子节点,而remove(expr)方法从DOM中删除所有匹配元素。
示例
您可以尝试运行以下代码,以了解如何在jQuery中删除DOM元素:
<html>
<head>
<title>jQuery Example</title>
<script src = "https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("div").click(function () {
$(this).remove( );
});
});
</script>
<style>
.div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
</style>
</head>
<body>
<p>Click on any square below:</p>
<span id = "result"> </span>
<div class = "div" style = "background-color:blue;"></div>
<div class = "div" style = "background-color:green;"></div>
<div class = "div" style = "background-color:red;"></div>
</body>
</html>热门推荐
1 天仓节祝福语简短
4 家长会简短祝福语
10 虎年幽默搞笑简短祝福语
11 送同事出院祝福语简短
12 写给老板祝福语简短高级
13 个性留言简短英文祝福语
14 媳妇出院蛋糕祝福语简短
15 学弟英语高考祝福语简短
16 企业新春祝福语简短大全
17 钢琴获奖老师祝福语简短
18 年会公司新年祝福语简短