什么是jQuery，jQuery对象和DOM对象有什么区别

1.jQuery概述

1.1 JavaScript 库

JavaScript库：即library,是一个封装好的特定集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show,比如获取元素等。

简单理解：就是一个JS文件，里面对我们原生js代码进行了封装，存放到里面。这样我们就可以快速高效的使用这些封装好的功能了。

1.2 jQuery 的概念

jQuery 是一个快速简洁的JavaScript库，其设计宗旨是"write Less, Do more", 把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。

jQuery 封装了JavaScript常用的功能代码，优化了DOM操作。事件处理、动画设计和ajax交互。

学习jQuery的本质：就是学习调用这些函数(方法)。

优点：

轻量级。核心文件才几十kb,不会影响页面加载速度
跨浏览器兼容。基本兼容了现在的主流浏览器
链式编程、隐式迭代
对事件、样式、动画支持，大大简化了DOM操作
支持插件扩展开发。有着丰富的第三方的插件，例如树形菜单、日期控件、轮播图等
免费、开源

2. jQuery的基本使用

2.1 jQuery的下载地址

官网地址：http:jquery.com/

2.2 引入jQuery

2.3 jQuery的入口函数

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

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

等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源都加载完成，jQuery帮我们完成了封装。
相当于原生js中的DOMContentLoaded.
不同于原生js中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。

2.4 jQuery 的顶级对象 $

$是 j Q u e r y 的别称，在代码中可以使用 j Q u e r y 代替$ .
$是 j Q u e r y 的顶级对象，相当于原生 J a v a S c r i p t 中的 w i n d o w 。把元素利用$ 包装成jQuery对象，就可以调用jQuery的方法.

2.5 jQuery对象和DOM对象

利用原生JS获取的对象是DOM对象
用jQuery方式获取的对象是jQuery对象。

jQuery对象本质：利用$对DOM元素包装后产生的对象(伪数组形式存储)。

//1. DOM对象
var mydiv = document.querySelector('div');
//2. jQuery对象
$('div');

jQuery对象只能用jQuery方法，DOM对象只能使用原生的JavaScript属性和方法

//1. jQuery隐藏方法
$('div').hide();
//2. DOM对象隐藏方法
mydiv.style.display = 'none';
//二者不可混用

DOM对象与jQuery对象是可以相互转化的。因为原生js比jQuery大，原生的一些属性和方法jQuery没有封装，要想使用这些属性和方法需要把jQuery对象转化为DOM对象才能使用。

DOM对象转化为jQuery对象：$(DOM对象)

jQuery对象转化为DOM对象(两种方式)

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

<body>
    <video src="mov.mp4"></video>
</body>
<script>
    //1. DOM对象转化为jQuery对象
	//(1) 直接获取，得到jQuery对象
	//$('video');
	//(2) 用js原生已获取DOM对象，再转化为jQuery对象
	var myvideo = document.querySelector('video');
   // $(myvideo).play();jQuery里面没有play这个方法，需要将jQuery转化为DOM对象
    //2.jQuery对象转化为DOM对象
    $('video')[0].play();
    $('video').get(0).play();
    
</script>