jQuery入门——包括：jQuery概述、jQuery的下载、jQuery的使用步骤、jQuery的入口函数、jQuery的顶级对象$、jQuery对象和DOM对象的区别及转换）

jQuery概述

• jQuery是一个快速、简洁的JavaScript库，它把JavaScript中常用的功能代码做了封装，优化了DOM操作、事件处理、动画设计和Ajax交互。

• jQuery的作用就是可以加快前端人员的开发速度。

• 优点：

  1.轻量级。核心文件才几十kb，不会影响页面的加载速度。

  2.跨浏览器兼容。基本兼容了现在主流的浏览器。

  3.链式编程、隐式迭代。

  4.对事件、样式、动画支持，大大简化了DOM操作。

  5.支持插件扩展开发。有着丰富的第三方插件，例如：树形菜单、日期控件、轮播图等。

  6.免费、开源。

jQuery的基本使用

• jQuery的下载：

  官网地址：https://jquery.com/

• jQuery的使用步骤：

  1.引入jQuery文件

  2.直接使用

• jQuery的入口函数：

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

等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，相当于原生js中的DOMContentLoaded。

• jQuery的顶级对象$：

  1.$是jQuery的别称，在代码中可以使用jQuery代替$，但一般为了方便，通常都直接使用$。
  2.$是jQuery的顶级对象，相当于原生JavaScript中的window。把元素利用$包装成jQuery对象，就可以调用jQuery的方法。例如：$('div').hide()。

• jQuery对象和DOM对象：

  1.用原生JS获取的对象就是DOM对象。

  2.jQuery方法获取的元素就是jQuery对象。

  3.jQuery对象本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）。实际上，伪数组的每个元素都是一个DOM对象。

  4.jQuery对象只能使用jQuery方法；DOM对象则只能使用原生JavaScript的属性和方法。

  5.DOM对象和jQuery对象之间是可以相互转换的：

  因为原生js比jQuery更大，原生的一些属性和方法，jQuery没有给我们封装，要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。

  （1）直接获取jQuery对象：$(DOM对象)

  $('div')

  （2）如果我们已经通过原生js获取DOM对象，可以通过下面方式转换为jQuery对象

  var myvideo = document.querySelector('video');
  $(myvideo)

  （3）jQuery对象转换为DOM对象（两种方式）

  //方法1:
  $('div')[index]		//index是索引号
  //方法2:
  $('div').get(index)		//index是索引号

  微信公众号也会定期更新，觉得文章写得还可以的，可以加个关注！点个赞！谢谢！