jQuery_jqueryでのremove()メソッドの使用例

この記事の例では、jQuery での Remove() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致するすべての要素を DOM から削除します。

注: remove() メソッドは、jQuery オブジェクトから一致する要素を削除しません。そのため、これらの一致する要素は将来再び使用できますが、要素自体を除き、他の例のように、バインドされたイベント、追加データなどが削除されます。

文法構造:

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

$(selector).remove(expr)

パラメータリスト:

参数	描述
expr	可选。用于筛选元素的jQuery表达式

コード例:

例 1:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("div").remove("#first");
})
})

私が最初です

私は 2 番目です

<ボタン>クリック

次のコードは、div コレクション内の最初の ID を持つ div を削除できます。

例 2:

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

<頭>




<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#btd").click(function(){
$("div").remove();
})
})

私が最初です

私は 2 番目です

クリックして最初の div を削除

パラメータを省略した場合、一致する要素はすべて削除されます。

例 3:

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

<頭>





<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("#btd").click(function(){
var a=$("div");
a.remove("#first");
$("#btn").click(function(){
alert(a.length);
})
})
})

私が最初です

私は 2 番目です

最初の div を削除削除後の div の数を表示





remove() は DOM 内の一致する要素を削除しましたが、jquery オブジェクトからは削除していません。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。