jQuery入门及基本使用

1. jQuery的概述

1.1. jQuery 的概念

jQuery 是一个快速、简洁的 JavaScript 库；
jQuery 封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和 Ajax 交互，学习调用这些函数（方法）

2. jQuery 的基本使用

2.1. jQuery 的下载

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

2.2. jQuery 的使用步骤

1. 引入 jQuery 文件
2. 使用即可

2.3. jQuery 的入口函数

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

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

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

2.4 jQuery 的顶级对象 $

1. $ 是 jQuery 的别称，在代码中可以使用 jQuery 代替 $
2. $ 是jQuery 的顶级对象， 相当于原生JavaScript中的 window

2.5 jQuery 对象和 DOM 对象

1. 用原生 JS 获取来的对象就是 DOM 对象
2. jQuery 方法获取的元素就是 jQuery 对象。
3. jQuery 对象本质是： 利用$对DOM 对象包装后产生的对象（伪数组形式存储）。

注意：
只有 jQuery 对象才能使用 jQuery 方法，DOM 对象则使用原生的 JavaScirpt 方法。

1. DOM 对象转换为 jQuery 对象： $(DOM对象)

$('DOM对象')      //$('div')

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

$('div') [index] index 是索引号  //$('video')[0].play()
$('div') .get(index) index 是索引号//$('video').get(0).play()