jQuery/JavaScriptを使用して2つの要素が同じかどうかを確認するにはどうすればよいですか?

バニラ JavaScript または jQuery (JavaScript 専門ライブラリ) のさまざまなメソッドを使用して HTML 要素にアクセスできます。

DOM 要素にアクセスした後、開発者はアクセスされた 2 つの要素が同じかどうかを確認する必要がある場合があります。このチュートリアルでは、JavaScript の厳密等価演算子と jQuery のメソッドを使用して 2 つの HTML 要素の等価性をチェックする方法を学びます。

JavaScript での等価演算子 (==) の使用

getElemenetById、querySelector、getElementByClassName などのメソッドを通じて HTML 要素にアクセスできます。その後、これを JavaScript 変数に保存し、2 つの数値または文字列値を比較するのと同じように、等価演算子を使用してこれらの変数を比較し、2 つの要素の等しいかどうかを確認できます。 ＃＃＃文法＃＃＃

ユーザーは、次の構文に従って 2 つの HTML 要素を比較できます。

リーリー

上記の構文では、

element1

と

element2 は、JavaScript を使用して DOM からアクセスされる HTML 要素です。 ＃＃＃例＃＃＃ この例では、 HTML 要素を作成し、値「test」を持つ id 属性を追加しました。その後、document.getElementById() メソッドを使用して、ID によって

要素にアクセスします。 element1 変数と element2 変数には同じ要素が含まれます。

その後、等価演算子を使用してそれらを比較すると、ユーザーは出力を確認できます。

リーリー ＃＃＃例＃＃＃

この例では、

タグを使用して要素を作成しました。次に、document.getElementByTagName() メソッドを使用して、タグ名によって HTML 要素にアクセスします。 タグを持つすべての HTML 要素の配列を返します。

その後、要素配列の 0

th

インデックスと 1

st

インデックスの値を比較すると、出力で両方が異なることがわかります。

リーリー jQuery の is() メソッドを使用する

jQuery ^{DOM 要素を操作するためのさまざまなメソッドが含まれています。 is() メソッドは、1 つの要素をパラメーターとして、もう 1 つの要素を参照として受け取り、2 つの要素を比較します。}

さらに、ユーザーは is() メソッドを使用する前に、「

$

」表記を使用して jQuery の要素にアクセスする必要があります。

＃＃＃文法＃＃＃ ユーザーは、次の構文に従って is() メソッドを使用して、2 つの HTML 要素が等しいかどうかを確認できます。 リーリー

上記の構文では、ID によって「btn1」要素と「btn2」要素にアクセスしました。

＃＃＃例＃＃＃ この例では、HTML コードで jQuery を使用するために jQuery CDN を追加しました。また、異なる ID を持つ 2 つのボタンも作成しました。

JavaScript では、is() メソッドを使用して、ID「btn2」の要素をパラメーターとして渡し、ID「btn1」の要素を参照として使用します。 is() メソッドは 2 つの要素を比較し、isEqual 変数に格納したブール値を返します。

リーリー

2 つの HTML 要素を比較するさまざまな方法を学びました。ユーザーは純粋な JavaScript または jQuery の is() メソッドを使用できます。さらに、ユーザーはさまざまな方法を使用して HTML 要素にアクセスし、要素を比較できます。

以上がjQuery/JavaScriptを使用して2つの要素が同じかどうかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。