javascript高级课程预习笔记note.pdfVIP

jQuery-第1天

认识jQuery是针对DOM的封装的本质，能够基于jQuery完成节点查找、、样式处理等基础操作。

•知道如何在网页中应用jQuery

•理解jQuery实例与原生DOM对象的区别

•知道如何时使用选择器获得jQuery实例

•能够基于网页元素的结构关系获得jQuery实例

•能够使用jQuery实例方法处理及样式

认识jQuery

了解jQuery的本质是针对DOM进行的一系列封装，知道如何jQuery并在网页中应用。

介绍

jQuery是一个Javascript专注于DOM操作的类库，通过一系列的封装，不仅简化了DOM操作，

还处理了不同浏览器之间的兼容，极大的提升了编码的效率，其是WriteLessDoMore!

jQuery从形式上来看只是一个独立的.js文件，可以在其官网免费使用，

在其官网上提供了多个不同的版本供开发者，一般推荐版本（目前为v3.5.1），

值得注意的是jQuery自v2.0开始不再兼容IE6/7/8。

通常jQuery时需要有3个文件，分别为：

jquery-版本号.js

jquery-版本号.min.js

jquery-版本号.min.map

其中jquery-版本号.js与jquery-版本号.min.js分代码是一致的，区别仅仅是jquery-版本号.min.js中不包含注释、换

行、缩进等，甚至变量名也被处理成单个字母形式，这样做的目的是压缩代码量，使文件体积变小。

jquery-版本号.min.map是在压缩代码时自动生成的一个文件，该文件中记录了jquery压缩前后的对应关系，浏览

器调试时能够快速定位到出错代码的位置。

体验

首先将好的jQuery文件使用script引入到网页中

由于jquery-版本号.min.js的文件体积较小，所以推荐使用。

假如基于原生DOM实现上面的交互效果不得不编写大量的代码，然而基于jQuery的实现只用了很少的代码，这便是

开发中推荐使用jQuery的最主