jQuery でノードを削除する 3 つのメソッドは、remove()detach() と empty()_jquery です。

jQuery には、ノードを削除する 3 つのメソッド、remove()、detach()、empty() が用意されています。

テストに使用される HTML コード:

コードをコピー コードは次のとおりです:

< ;p title="あなたの好きな果物を選んでください?">あなたの好きな果物は何ですか?

/li>

>

パイナップル

1.remove() メソッド

コードをコピー コードは次のとおりです: $("ul li").click(function(){

alert($ (this).html());

});
var $li = $("ul li:eq(1)").remove(); );


remove() メソッドを使用してノードを削除すると、そのノードに含まれるすべての子孫ノードが同時に削除されます。このメソッドの戻り値は削除されたノードへの参照であるため、要素は後で再度使用できます。

2. detach() メソッド

コードをコピーします

コードは次のとおりです: var $li = $("ul li:eq(1)").detach(); $li.appendTo("ul");

detach();同様に、一致するすべての要素が DOM から削除されます。ただし、このメソッドは jQuery オブジェクトから一致する要素を削除しないため、これらの一致する要素は将来再び使用できることに注意してください。 Remove() とは異なり、すべてのバインドされたイベントと追加データは保持されます。

3. empty() メソッド

コードをコピーします

コードは次のとおりです: var $li = $("ul li:eq(1)").empty(); $li.appendTo("ul");

厳密には空です() ノードを削除するのではなく、ノードをクリアする方法です。これにより、要素内のすべての子孫ノードをクリアできます。