jQuery_jqueryでのdetach()メソッドの使用例-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 16:24:36

オリジナル

1185 人が閲覧しました

この記事の例では、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); });
});
})

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

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

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

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