jQuery库的认识

jQuery库的认识

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： Adobe Dreamweaver CC 2019

作者：何振森

撰写时间：2021/4/28

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我们都知道原生js非常的繁琐，那么现在我们来认识一种方便快捷的js写法

让我们先来看一下它们之间有什么不同

接下来我分别用原生js和jQuery写一段相同的代码，你们就会发现jQuery到底有多好用了

原生js：

jQuery:

这样看是不是jQuery更方便一点？

 

那就是引用jQuery，我们首先要知道jQuery是什么？

我们看一下官方的图标就很清楚了j是js，Query是查询，write less,do more.的意思是：写得更少，做的更多。

使用jQuery可以让我们原本要用大量的js代码来实现，但现在只要几行jQuery代码就能实现，大大提高了我们的开发效率，jQuery里面集成了丰富的插件以及封装了大量的函数，方便我们的使用，它还解决了我们最头疼的问题那就是浏览器兼容问题，不过仅限于2.0以下

 

1.0：兼容ie6,7,8，但相对于其他版本文件而言它的文件比其他版本要大，到现在官方只做BUG维护了，功能不再更新，最终版本1.12.4（2016年5月20日）

2.0：不再兼容ie6,7,8，相对于1.0版本文件要小很多, 现在官方也只做BUG维护了，功能不再更新，最终版本2.2.4（2016年5月20日）

3.0：不再兼容ie6,7,8，只支持最新浏览器，很多老jQuery插件不支持这个版本了，相对于1.0版本文件要小很多，提供不包含Ajax动画API版本。

建议下载1.12.4来使用，因为1.12.4的兼容性好，并且国内的大公司如淘宝，百度，等都在使用1.12.4。

jQuery官方下载的jQuery库分为3个版本

其中Download the compressed,production jQuery 3.3.1是压缩版本

我们可以看到压缩版本是根本无法去阅读代码的jQuery压缩版本的后缀名是min.js,一般我们都是在开发中用未压缩版本，等到开发完成后才会把未压缩版本替换成为压缩版本，因为压缩版本比未压缩版本要小很多，浏览器响应速度会快很多。

而Download the uncompressed,development jQuery 3.3.1是未压缩版本

而后缀名为js的是未压缩版本，一般在开发中用，开发结束后会换成压缩版本。

要用jQuery首先得引入jQuery，如下图所示

注意：jQuery代码一定要写在引入事件后，不然浏览器会报错，无法显示出应有的效果

引入完成后就可以在script中写代码了

 

需要注意的是：原生js和jQuery入口函数的加载模式不同原生js会等到DOM元素加载完成，并且内容也加载完成才会执行。而jQuery会等到DOM元素加载完毕，但不会等到内容也加载完成，就会执行代码

初来乍到，请多多指教，大神勿喷。