方法一:通过cdn引入
cdn(content delivery network)是一组分散在不同地方的服务器,可以缓存并加速网站内容的传输,使网站更快地加载。jquery有一些cdn服务提供商(如google、microsoft、百度等),我们可以通过它们提供的链接来引入jquery。
以google cdn为例,我们可以将下面代码复制粘贴到html文件中:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
在这个代码中,“src”属性指定了从哪里加载jquery代码。当页面加载时,浏览器会自动从google服务器下载jquery并缓存下来,而不是从我们的服务器上下载,这样能够大大提高页面加载速度。
在我们写js代码时,只需要在相应的js文件中使用“$”符号即可,如:
$(document).ready(function() { // ...});
这时候我们就成功引入了jquery,可以通过$符号引用jquery中提供的各种功能函数。
方法二:通过文件引入
除了从cdn中引入jquery外,我们还可以将jquery下载到本地并通过文件引入。具体方法如下:
访问jquery官网(https://jquery.com/)并下载最新的jquery压缩文件。将下载的文件解压缩到本地,例如将jquery.min.js拷贝到“js”文件夹下。在html文件中添加如下代码:<script src="js/jquery.min.js"></script><script src="js/myscript.js"></script>
这里的第一行代码指定加载jquery脚本,而第二行代码指定了我们自己编写的js脚本,例如,“myscript.js”。
在myscript.js文件中,使用$符号引入jquery,例如:$(document).ready(function() { // ...});
这里需要注意的是,在使用文件引入jquery时,我们需要保证jquery文件被正确引用,代码的顺序也很重要。如果我们将自己的js文件放在jquery之前,代码就会报错。
以上就是引入jquery的两种常见方法。当我们需要使用jquery时,只需选择一种适合自己的方式引入,然后就可以愉快地编写可维护、稳定的web应用了。
以上就是怎么在一个js文件里引入jquery的详细内容。
