1.1、jQuery简介
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。
目前超过90%的网站都使用了jQuery库，jQuery的宗旨：写的更少，做得更多！
jQuery 是一个 JavaScript 库，它的特点：
- 简化操作： jQuery 提供了许多简洁、易用的方法，可以更快速地选择 DOM 元素、处理事件、执行动画等操作，相比原生的 JavaScript 更加简洁高效。
- 跨浏览器兼容性： jQuery 封装了很多处理浏览器兼容性的细节，使得开发者无需过多考虑不同浏览器之间的差异，可以更方便地编写具有跨浏览器兼容性的代码。
- 丰富插件： jQuery 生态系统中有大量的插件可供开发者使用，这些插件能够快速扩展 jQuery 的功能，满足各种不同需求。
- 动画效果： jQuery 提供了丰富的动画效果方法，可以轻松实现页面元素的动态效果，如淡入淡出、滑动等，而原生 JavaScript 中实现这些效果通常需要编写大量的代码。
- 易学易用： 相对于原生的 JavaScript，jQuery 的语法更简单直观，学习曲线较为平缓，对于初学者来说更容易上手。
jQuery和 JavaScript 有以下区别：
jQuery 是一个 JavaScript 库，它简化了在网页开发中使用 JavaScript 的过程。
通过使用 jQuery，开发者可以更快速、更便捷地操作 HTML 元素、处理事件、执行动画等。简而言之，jQuery 是建立在 JavaScript 之上的一个库，它提供了许多简化和增强JavaScript 功能的方法和工具。
JavaScript 是一种脚本语言，用于为网页添加交互功能、动态效果等。它是一种通用的编程语言，可以独立地编写和运行，而 jQuery 则是 JavaScript 的扩展，封装了很多常用的功能和方法，使得开发者能够更高效地完成任务。
因此，可以说 jQuery 是 JavaScript 的一个库，它使得在网页开发中使用 JavaScript 变得更加简单和便捷。
总之：
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习。
1.2、jQuery官网
官方地址：点击打开
官方文档：点击打开
1.3、jQuery版本介绍
- 1.x （本教程所采用）
- 兼容老版本IE
- 文件较大，但兼容性最好
- 2.x
- 部分IE8及以下版本不支持
- 文件较小，执行效率更高
- 3.x
- 完全不再支持IE8及以下版本
- 提供了一些新的API
- 提供不包含AJAX/动画API的版本
1.4、jQuery引入方式
- 本地引入：将jQuery下载下来，然后导入项目中，使用script标签进行引用
<head>
<script src="jquery-1.12.4.min.js"></script>
</head>
1.5、jQuery快速使用
<body>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function ( ) {
//请将jQuery代码书写在这里 ...
alert('Hello,World!');
});
</script>
</body>
1.6、jQuery两把利器
jQuery两把利器分别是：
- jQuery核心函数：即： $( ) 或 jQuery( )，jQuery定义了这个全局的函数供我们调用，它既可作为一般函数调用，且传递的参数类型不同/格式不同，功能就完全不同，也可作为对象调用其定义好的方法，此时 $ 就是一个工具对象。
$等价于jquery，即 $( ) = jQuery( )。 $（）的作用是将Dom对象转换成jquery对象。只有转成jquery对象才能使用方法。
- jQuery核心对象：即执行jQuery核心函数返回的对象，jQuery对象内部包含的是dom元素对象的伪数组(可能只有一个元素)，jQuery对象拥有很多有用的属性和方法，让程序员能方便的操作dom，调用jQuery对象的任何方法后返回的还是当前jQuery对象。
1.7、文档就绪函数
在使用jQuery时，经常需要确保DOM已经完全加载并准备好操作，这就需要用到jQuery的就绪函数。
就绪函数是一种在页面加载完毕后执行的回调函数，它确保在执行任何jQuery代码之前，页面的DOM结构已经完全加载。这样可以避免在DOM尚未准备好时执行操作，从而避免出现错误。
写法：
$(document).ready(function(){
alert('hello,jquery');
});
简写：
$(function(){
//执行代码
}) ;
