ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery.empty()関数の使い方の詳しい説明

jQuery.empty()関数の使い方の詳しい説明

巴扎黑
巴扎黑オリジナル
2017-06-24 14:39:084663ブラウズ

empty() 関数は、一致する各要素内のすべてのコンテンツをクリアするために使用されます。

empty() 関数は、一致する各要素のすべての子ノード (テキスト ノード、comment ノードなどのすべてのタイプのノードを含む) を削除します。

この関数は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()関数の使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。