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

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

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

注: detach() メソッドは、jQuery オブジェクトから一致する要素を削除しないため、これらの一致する要素は、remove() とは異なり、バインドされたすべてのイベント、添付データなど、将来的に再使用できます。 、などが保持されます。

文法構造:

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

$(selector).detach(expr)

パラメータリスト:

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

コード例:

例 1:

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

<頭>



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

スクリプト ホームへようこそ

スクリプト ハウスはあなたを歓迎します

クリックして効果を確認します




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

例 2:

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

<頭>




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

スクリプト ホームへようこそ

スクリプト ホームはあなたを歓迎します

クリックして効果を確認してください





メソッドにパラメータがない場合、一致する要素はすべて削除されます。

例 3:

コードをコピーします

コードは次のとおりです: <頭>

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

スクリプト ホームへようこそ

スクリプト ハウスはあなたを歓迎します

div エフェクトを削除
削除後の div の数を表示




上記のコードの実行結果からわかるように、このメソッドは jquery オブジェクトから div を削除しません。

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