Javascript 查询选择器和jqueryfind？

我有一个查询选择器

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

我编写了jquery来查找相同的elment

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

当我对两者执行console.log时，我得到的是相同的元素，但返回类型似乎不同

这二者有什么区别？我可以将thumbnail2的类型转换为thumbnail1的类型吗

这二者有什么区别

.querySelector（）

返回单个

DOM

元素

jQuery.fn.find（）

可以返回多个jQuery对象

我可以将thumbnail2的类型转换为thumbnail1的类型吗

您可以使用括号表示法

[index]

或

.get（index）

跟随

.find（）

在传递的索引处获取

DOM

元素，其中

index

是从

0

到

文档中定义的元素数量减去
1
jQuery
.find（）的数字
返回一组匹配的元素

要使其具有相同的类型，您可以：

var thumbnail2=previewElementForm.find（“.dz image.image img”）[0]

或

var thumbnail2=previewElementForm.find（“.dz image.image img”）.get（0）
querySelector
仅匹配第一个元素，
find（）
匹配多个元素为什么需要数组？我可以使用javascript返回节点列表吗？请参阅更新的帖子
.querySelector（）
返回一个
节点列表，而不是
.querySelector（）
，它返回一个元素。您可以使用
var thumbnail2=previewElementForm.find（“.dz image.image img”）[0]
或
var thumbnail2=previewElementForm.find（.dz image.image img”）.get（0）
[index]
和
.get（）
返回不同的内容。get（index）返回
DOM元素
，而index返回
jQuery对象
@TahaPaksu
var index=0；var element=jQuery（“#element”）[index]
返回
DOM
元素，而不是jQuery对象