jquery的$()，到底做了什么事情

首先来看一段代码：

index.html

<!DOCTYPE html>
<html>
  <head>

  </head>
  <body>
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script id="script" type="text/javascript" src="index01.js"></script>
  </body>
</html>

index01.js

function test() {
  console.log('aaa');
  var script = document.getElementById('script');
  console.log('script:', script);
  console.log('jquery:', $(script));
}
test();

浏览器打印结果：

jquery的$()，到底做了什么事情

当看到这个打印结果后，开始疑惑，到底jquery的$()做了哪些事情呢？其实就是，jquery把元素包装成为了jquery的实例，这个实例继承了jquery的原型方法，这样子我们才能使用jquery的方法。