jQuery的初认识 （jquery对象和Dom对象的区别）

jQuery是常见的一个js库

js库：是一个封装好的特定的集合（方法和函数）（简单理解就是一个js文件，里面对我们原生js代码进行了封装，存放到里面）

我们要学习的内容就是如何调用这些方法（函数）

下载：https://jquery.com  |  https://code.jquery.com

jquery的入口函数（相当于DOMContentLoaded）

$(function(){
    //此处是页面DOM加载完成的入口
});

$(document).ready(function(){
    //此处是页面DOM加载完成的入口
});

 $是jQuery的别称，上述代码也可以写成：

jQuery(function(){
    //此处是页面DOM加载完成的入口
});

$是jQuery的顶级对象，相当于js中的window

jQuery对象和DOM对象

DOM：使用原生js 获取过来的对象 （例如）

document.querySelector('div')

jQuery：用jQuery方法获取的

$('div')

jQuery对象本质：利用$对DOM对象包装后产生的对象（伪数组形式存储）

jQuery对象只能使用jQuery方法

DOM对象则使用原生的js属性和方法

DOM对象转换为jQuery对象--------$(DOM对象)

<div></div>
  <script>
    var a = document.querySelector('div');
    $(function () {
      console.log($(a));
    })
  </script>

 转换成功

jQuery对象转换为DOM对象

$('div')[index]

$('div').get(index)

jQuery对象以伪数组形式存储，这里的index就是目标元素的序号

<div></div>
  <script>
    $(function () {
      console.log($('div')[0]);
    })
  </script>

<div></div>
  <script>
    $(function () {
      console.log($('div').get(0));
    })
  </script>

 转换成功