JQuery empty方法和remove方法的区别
2个回答
展开全部
empty选中你要移除元素的父级元素，将其内容设置为空；remove是选中你要移除的元素本身，移除自己；从效果上来看没什么不同，实现方式不一样而已
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>empty方法</title>
<style type="text/css">
#main{width:200px;margin:auto;border:1px solid red;}
</style>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//清空div中的innerHTML,注意此时div还是存在的
$("#btnClearInnerHTML").click(function () {
$("#main").empty();
});
//删除整个div节,div已经不存在了
$("#btnClearDivNode").click(function () {
$("#main").remove();
});
});
</script>
</head>
<body>
<div id="main">
我是div中的内容
<input id="btnClearInnerHTML" type="button" value="单击我清空div中的innerHTML" />
<input id="btnClearDivNode" type="button" value="单击我删除整个div节点" />
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>empty方法</title>
<style type="text/css">
#main{width:200px;margin:auto;border:1px solid red;}
</style>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//清空div中的innerHTML,注意此时div还是存在的
$("#btnClearInnerHTML").click(function () {
$("#main").empty();
});
//删除整个div节,div已经不存在了
$("#btnClearDivNode").click(function () {
$("#main").remove();
});
});
</script>
</head>
<body>
<div id="main">
我是div中的内容
<input id="btnClearInnerHTML" type="button" value="单击我清空div中的innerHTML" />
<input id="btnClearDivNode" type="button" value="单击我删除整个div节点" />
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
