javascript - jquery 将 html 元素转换为对象是怎么回事？

Question

我开始学习jquery，基本上jquery的很多方面都让我感兴趣。现在我最近一直在用 jquery 编写小片段，现在我很舒服。

我有一个小小的好奇心，看看下面的代码:

<a href="#">Click here</a>

Jquery 代码::

elem_jquery = $('a');

elem_js = $('a')[0];

console.log(elem_jquery);

console.log(elem_js);

现在 elem_jquery 打印以下内容::

Object { 0: <a>, length: 1, prevObject: Object, context: HTMLDocument → jquery-object.html, selector: "a" }

并且 elem js 打印以下内容::

<a href="#">

我真正好奇的是，jquery 的转换是什么

<a href="#">  

进入

 Object { 0: <a>, length: 1, prevObject: Object, context: HTMLDocument → jquery-object.html, selector: "a" }

？

这和sizzle有关系吗？ ？

Answer 1

jQuery 不会将 html 元素转换为对象。它的作用是获取对 dom 元素的引用并将其包装在 jQuery 对象内。原始 dom 元素仍然存在于 jQuery 对象内。