2021-06-17

JQuery引用和概述

 

本文建议: 在阅读本文之前，您应该对HTML、CSS、JavaScript相关知识有一些基本的了解。

    JQuery是一个由JavaScript语言编写的JavaScrip库，它及大地简化了JavaScrip编程，以“写的更少，但做的更多”为主旨，为前端编程工作人员提供了更简便和更高质量的编程环境。

    JQuery主要内容有jQuery 选择器、jQuery 遍历、jQuery 事件、jQuery 效果、jQuery DOM 操作这五大模块，还有前一篇文章写的Ajax也是以JQuery形式展开应用。Ajax当然也是JQuery不可或缺的一部分。

       那么JQuery怎么用呢，首先，前文已经说过JQuery是一个由JavaScript语言编写的JavaScrip库，也就是说在普通的JavaScript的基础文件是用不了JQuery的，需要下载JQuery相关版本的文件，再将该JQuery文件引入才能使用JQuery，如下图：

第102行就是对JQuery文件的引入，有了该文件，我们就可以在JavaScript文件上编写JQuery

代码了，需要注意的是，很多人在成功引入JQuery文件然后运行的时候往往会出现浏览器的警告：$ is not defined，这是由于系统读取JavaScript代码时是从上往下读取的，所以应将JQuery文件引用放在所有JavaScript文件（包括你编写的JS代码）引用的上面，这样系统在读取完JQuery文件后，就可以对后续所有包含美元符 $ 的代码进行预处理，实现简实又精美的特效。

    接着上文讲，可以了解到美元符 $ 是JQuery代码出现的标志，所以编写JQuery代码的第一步就是输入美元符：Shift +  4(输入语言:英文)，然后就按照JQuery特定的语法规则进行编写，比如在JavaScript中编写当页面加载完成语句和JQuery编写页面加载完成语句：

 

 

由上图可以看出：与JavaScript代码相比，JQuery代码显得更加的简洁，若还想设定当某个文件加载完成时运行函数，JQuery代码还可这样指定：

在 $ 后面的圆括号里指定一个标签，当它已经成功加载完毕的时候就会执行ready()里面的函数，但若用JavaScript来编写这条指令的话，它得先声明一个变量获取，然后再用onload事件运行alert()事件，这样一来程序就会变得比较复杂，而且相对JQuery来说，费时也是比较多，若你还单纯在用JavaScript来编写JS代码，而忽视JQuery的重要性的话，请打起十二分精神，因为每当你编写代码时，你将要比别人花出更多的时间来实现页面交互功能。

    本文原本还想稍微介绍一下关于JQuery的五大模块，让读者对JQuery有更加系统的了解，

但想着探索本身也是一种更深层次的了解，在这就为读者们留下悬念，若你还想继续学习JQuery的话，不如就按照这五大模块的思路去研究吧，希望能对你有帮助，谢谢！