jQuery が選択したオブジェクトを元の DOM に変換する方法 object_jquery

jQuery では、ページ上の要素を選択することによって返されるコレクションは、元の DOM オブジェクトではなく jQuery オブジェクトであるため、選択セットに対して DOM メソッドとプロパティを実行する場合は、コレクションを変換する必要があります。 DOM オブジェクトへ

たとえば、次のように使用することはできません。

$('div').innerHTML = "hello world";

jQuery オブジェクトのプロパティではなく、DOM のプロパティを使用します。これを本当に実行したい場合は、jQuery オブジェクトを DOM オブジェクトに変換する必要があります。

①jQuery には 2 つのコア メソッドが用意されています。 get() なので、上記は $('div') .get().innerHTML = "hello world";

もちろん、これは div が 1 つしかない状況に対応します。ページに

がある場合、このメソッドは使いにくく、インデックス値を

に渡すことで選択する必要があります。 $("div").get(0).innerHTML = "hello world";

もちろん、jQuery の組み込み $.each ループを使用して、すべての代入操作を実行できます。 >$div1 = $("div").get();

コードをコピー コードは次のとおりです:

$.each($div1 , function(index, val) {

val.innerHTML = 'lc 'index;
});


②配列を使用するには、

たとえば $('div')[0] を使用します。 .innerHTML = "hello world";

完全な例を見てみましょう


コードをコピーします

コードは次のとおりです:
クリックしてください


DOM オブジェクトをjQuery オブジェクト。

注: 実際、これはリンク オブジェクト a を参照します。これは通常の DOM オブジェクトであり、これを onclick イベントに渡します。

$() を使用して DOM オブジェクトをカプセル化すると、addClass 関数を使用できるようになります。