jQuery セレクターから基になる DOM 要素を取得するにはどうすればよいですか?

DDD
リリース: 2024-10-30 05:42:27
オリジナル
589 人が閲覧しました

How to Retrieve Underlying DOM Element from a jQuery Selector?

jQuery セレクターからの DOM 要素の取得

jQuery セレクターから基になる DOM 要素を取得するのは、複雑なタスクになる可能性があります。次のシナリオを考えてみましょう:

<input type="checkbox" id="bob" />
var checkbox = $("#bob").click(function() { //some code });
ログイン後にコピー

チェックボックスのチェックされた値を後で決定するには、DOM 要素にアクセスするための直接メソッドが必要です。 is(":checked") メソッドは回避策としてのみ機能します。

解決策:

jQuery は、生の DOM 要素にアクセスする簡単な方法を提供します:

$("table").get(0); // or simply $("table")[0];
ログイン後にコピー

ただし、通常、そのようなアクセスは必要ありません。たとえば、チェックボックスの例は、jQuery メソッドを使用してより簡潔に書き直すことができます。

$(":checkbox").click(function() {
  if ($(this).is(":checked")) {
    // do stuff
  }
});
ログイン後にコピー

さらに、jQuery メソッドは拡張機能を提供し、ブラウザ間の互換性をサポートしているため、生の DOM 要素へのアクセスよりも優先されます。

以上がjQuery セレクターから基になる DOM 要素を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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