查询选择器和jqueryfind？

Question

我有一个查询选择器

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

我写了jquery来找到相同的元素

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

当我做两个console.log时，我得到相同的元素，但看起来返回类型不同。

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

Answer 1

  

这两个有什么区别？

.querySelector()会返回单个DOM元素。 jQuery.fn.find()可以返回多个jQuery对象。

  

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

您可以在[index]后面使用括号表示.get(index)或.find()来获取传递索引处的DOM元素，其中index是来自{的{1} {1}} 0减去document中定义的元素数量。

Answer 2

jQuery .find()返回一组匹配的元素。

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

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

或

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