jqueryのremove()とdetach()の違い

巴扎黑
リリース: 2017-06-25 09:53:53
オリジナル
1411 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!