与Javascript相比，将元素分配给变量时jQuery的行为方式有何不同？

Question

当我将一个jquery元素分配给一个变量时，它不会在比较中匹配该元素，但是当我分配一个javascript元素时它会...

test1 =  $(".the_div");
console.log(test1 ==  $(".the_div"));
// logs false


test2 = $(".the_div")[0];
console.log(test2 == $(".the_div")[0]);
// logs true

发生了什么？为什么会这样？

Answer 1

test1是对象，您无法使用比较运算符比较两个对象。要比较两个jQuery对象，请使用is()

中显示的jQuery object equality

test2是字符串。通过将[0]附加到jQuery对象将返回集合中第一个元素的outerHTML。

请参阅What does $(selector)[0] mean in jQuery?