jquery之empty()方法详解
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery之empty()方法详解相关的知识,希望对你有一定的参考价值。
empty()
函数用于清空每个匹配元素内的所有内容。
empty()
函数将会移除每个匹配元素的所有子节点(包括文本节点、注释节点等所有类型的节点)。
该函数属于jQuery
对象(实例)。
语法
jQueryObject.empty( )
返回值
empty()
函数的返回值为jQuery类型,返回当前jQuery对象本身(以便于进行链式风格的编程)。
示例&说明
empty()
函数用于清空每个匹配元素内的所有内容:
<div><p>段落文本1<span></span></p></div>
<div><p>段落文本2<span></span></p></div>
<!--以上是jQuery代码执行前的html内容-->
<script type="text/javascript">
$("p").empty( );
</script>
<!--以下是jQuery代码执行后的html内容-->
<div><p></p></div>
<div><p></p></div>
empty()
函数与html()函数具有以下等价代码:
$("selector").empty( );
// 等价于
$("selector").html("");
以下面这段HTML代码为例:
<p id="n1">
<span id="n2">span#n2</span>
</p>
<p id="n3">
<label id="n4">label#n4</label>
<span id="n5">span#n5</span>
</p>
以下jQuery示例代码用于演示empty()
函数的具体用法:
// 移除所有p元素中的所有子节点
$("p").empty( );
上述代码执行后的完整html代码如下(格式未作任何调整):
<p id="n1"></p>
<p id="n3"></p>
以上是关于jquery之empty()方法详解的主要内容,如果未能解决你的问题,请参考以下文章