もとの生のJSとJQは元素の違いを獲得します。
この文章は主に元のJSとJQの獲得要素の違いを紹介しています。ここでは例示的なコードを通して紹介された非常に詳細です。皆さんの学習や仕事に対して一定の参考となる学習価値があります。必要な友達は下記を参考にしてください。
JQを勉強して間もないですが、JSとJQの元素の取り方を間違えたり、属性の取り方をしたりすると収拾がつかなくなります。今は両方を取得した元素のコードを整理しています。
一.原生JSは元素を取得する。
1.一般的な3つの方法で要素オブジェクトを取得する(指定された要素をDOMオブジェクトにパッケージ化する):
(1)要素IDで取得する:Dcument.getElemenntById()の例は以下の通りである。

コンソールで出力しましたが、結果は以下の通りです。

IDはdiv 1の元素コードを取得しました。
(2)要素ラベル名で取得する:Dcument.getElements ByTagName()は、配列として返され、具体的な例は以下の通りである。

コンソールの出力は以下の通りです。

二つのulの中のliを得て、配列の形で表示したのではないですか?もし私たちが指定されたliを取得したいなら、例えば私は最初のulのliだけを取得したらどうすればいいですか?
これは先ほどのIDに関連して要素を取得する方法です。具体的な例は以下の通りです。

コンソールの出力は以下の通りです。

このようにして、私達は第一のulの下のliを得て、第二のulのliを含みません。
(3)元素類名で取得する:document.getElement ByClass Name();これはまた、行列を返します。たとえば、
です。
コンソール出力:

このようにspという元素を手に入れました。
二.JQは元素を取得する。
1.JQ元素のコード文法は元のJSよりもっと簡潔で、上の元のJSで元素のコードを取得して、コードが長いことを発見しました。
今JQは工場関数を提供します。「$(パラメータ)」という形で、私たちはJQの例示的なオブジェクト(JQオブジェクト)を作成することができます。
JQは多くのセレクタを提供しています。ここでは一般的な3つのセレクタを挙げます。
(1)IDセレクタ(要素を返す)

コンソール出力を見てください。

div 1はJQオブジェクトとしてカプセル化されていることが見られます。
(2)クラス選択器(集合を返します)は、クラス名によって要素にマッチします。


(3)要素選択器(集合を返します)は、要素名によって要素にマッチします。


OKです。JSとJQは元素の違いを共有しました。
間違ったところがあれば、指摘してください。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
JQを勉強して間もないですが、JSとJQの元素の取り方を間違えたり、属性の取り方をしたりすると収拾がつかなくなります。今は両方を取得した元素のコードを整理しています。
一.原生JSは元素を取得する。
1.一般的な3つの方法で要素オブジェクトを取得する(指定された要素をDOMオブジェクトにパッケージ化する):
(1)要素IDで取得する:Dcument.getElemenntById()の例は以下の通りである。

コンソールで出力しましたが、結果は以下の通りです。

IDはdiv 1の元素コードを取得しました。
(2)要素ラベル名で取得する:Dcument.getElements ByTagName()は、配列として返され、具体的な例は以下の通りである。

コンソールの出力は以下の通りです。

二つのulの中のliを得て、配列の形で表示したのではないですか?もし私たちが指定されたliを取得したいなら、例えば私は最初のulのliだけを取得したらどうすればいいですか?
これは先ほどのIDに関連して要素を取得する方法です。具体的な例は以下の通りです。

コンソールの出力は以下の通りです。

このようにして、私達は第一のulの下のliを得て、第二のulのliを含みません。
(3)元素類名で取得する:document.getElement ByClass Name();これはまた、行列を返します。たとえば、

コンソール出力:

このようにspという元素を手に入れました。
二.JQは元素を取得する。
1.JQ元素のコード文法は元のJSよりもっと簡潔で、上の元のJSで元素のコードを取得して、コードが長いことを発見しました。
今JQは工場関数を提供します。「$(パラメータ)」という形で、私たちはJQの例示的なオブジェクト(JQオブジェクト)を作成することができます。
JQは多くのセレクタを提供しています。ここでは一般的な3つのセレクタを挙げます。
(1)IDセレクタ(要素を返す)

コンソール出力を見てください。

div 1はJQオブジェクトとしてカプセル化されていることが見られます。
(2)クラス選択器(集合を返します)は、クラス名によって要素にマッチします。


(3)要素選択器(集合を返します)は、要素名によって要素にマッチします。


OKです。JSとJQは元素の違いを共有しました。
間違ったところがあれば、指摘してください。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。