jQuery.empty() 함수 사용법에 대한 자세한 설명

empty() 함수는 일치하는 각 요소 내의 모든 콘텐츠를 지우는 데 사용됩니다.

empty() 함수는 일치하는 각 요소(텍스트 노드, comment 노드 등과 같은 모든 유형의 노드 포함)의 모든 하위 노드를 제거합니다.

이 함수는 jQueryobject(인스턴스)에 속합니다.

Syntax

jQueryObject.empty( )

Return value

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() 함수 사용법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!