jQuery remove()与jQuery empty()的区别

jQuery remove() 方法删除被选元素及其子元素。举例如下:

 <!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").remove();
});
});
</script>
</head> <body> <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div> <br>
<button>删除 div 元素</button> </body>
</html>

点击按钮前如下:

jQuery remove()与jQuery empty()的区别

点击按钮后:

jQuery remove()与jQuery empty()的区别

remove()把整个div即选中的id部分的内容也已经删除。

jQuery empty() 方法删除被选元素的子元素。

把上面代码中的remove换成empty(),点击按钮后:

jQuery remove()与jQuery empty()的区别

empty()并不清除选中的部分而是清除选中部分的子部分。

上一篇:用URLRewriter重写url


下一篇:移动端禁止页面拖动 h5禁止拖动页面