クエリセレクタとjqueryfind？

Question

私は、クエリセレクタ

var thumbnail = file.previewElement.querySelector(".dz-image .image img"); 

を持っていると私は同じ要素を取得しています両方のにconsole.logが、戻り値の型を行うときに、私は同じelment

var thumbnail2= previewElementForm.find(".dz-image .image img"); 

を見つけるためにjqueryのを書かれていますそれは異なっているようです。

これらの2つの違いは何ですか？サムネイル2のタイプをサムネイル1のタイプに変換できますか？

Answer 1

これらの2つの違いは何ですか？

.querySelector()は、単一のDOM要素を返します。 jQuery.fn.find()は、複数のjQueryオブジェクトを返すことができます。

サムネイル2のタイプをサムネイル1のタイプに変換できますか？

あなたはindexが0からdocumentマイナス1中に定義された要素の数に数で渡されたインデックス、でDOM要素を取得する.find()以下ブラケット表記[index]又は.get(index)を使用することができます。

Answer 2

jQuery .find()一致する要素のセットを返します。

それを同じ型を持っているために、次のことができます。

var thumbnail2 = previewElementForm.find(".dz-image .image img")[0];

または

var thumbnail2 = previewElementForm.find(".dz-image .image img").get(0);