ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryのremove()関数とdetach()関数の違いを分析する

jqueryのremove()関数とdetach()関数の違いを分析する

巴扎黑
巴扎黑オリジナル
2017-06-25 09:48:121535ブラウズ

jqueryは仕事で頻繁に使用される非常に強力なツールですが、一部のメソッドは一般的に使用されていない、または注目されていないため、まだ無視されています。

remove() と detach() はその 1 つかもしれませんが、remove() はあまり使われないかもしれません。慎重に使っていなかったのかもしれませんが、一度も使っていません。しかし、今回はプロジェクトの問題で使ってみたらとても面白かったので、録画してみんなに共有しました。

remove(): 公式の説明は

DOMから一致する要素をすべて削除します。このメソッドは、一致する要素を jQuery オブジェクトから削除しないため、一致する要素は将来再利用できます。ただし、要素自体が保持されるだけでなく、バ​​インドされたイベントや追加データなどの他の要素も削除されます。

その要素は削除されていると理解しています。でも、どうすればまた見つけられるでしょうか? 正直に言うと、これを使用した友人を見つけたことがありません。教えていただけませんか、よろしくお願いします

使用法:

DOM からすべての段落を削除します

detach() メソッドを見てみましょう、
公式説明:
DOM から一致する要素をすべて削除します。このメソッドは、一致する要素を jQuery オブジェクトから削除しないため、一致する要素は将来再利用できます。 Remove() とは異なり、すべてのバインドされたイベント、添付データなどが保持されます。
説明:

DOMから全段落を削除

HTMLコード:

  <p>Hello</p> how are <p>you?</p>
jQueryコード:

  $("p").remove();

結果:

  how are
説明:
DOMからhelloクラスの段落を削除
HTMLコード:
rrreええ
jQueryコード:
 <p>Hello</p> how are <p>you?</p>

結果:

  $("p").detach();

こうしてみると、違いはないようです。この 2 つの機能は、笑。 。 。 。今、私に何が起こったのか話しましょう。そうすれば誰もがそれを解決する方法を理解するでしょう。

ここにフォームがあります。その 1 つは登録コードです。つまり、各情報には独立した登録コードがあります。登録コードがないと、登録は成功しません。検証には jquery の
control
form
Validator
を使用します。このコントロールはページが読み込まれるときに検証を開始します。CSS および jquery の Hide() メソッドでは、このコントロールは無視されます。元は。これは問題ありませんが、ユーザーは、登録コードが表示されない場合は、登録コードのテキスト ボックスを確認しないでくださいという新たな要求を出しました。要求。

CSS表示とjqueryのhide()を試した後、remove()に目を向けました。検証は停止しましたが、検証を選択すると、削除されたコンテンツを再度追加できなくなったので、追加できるものを探し始めました。このとき、

  how are
を発見しました。このコードを見て、あまり説明する必要はないと思います。誰もが理解するでしょう、それは非常に興味深い方法です。

以上がjqueryのremove()関数とdetach()関数の違いを分析するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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