jquery

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > jquery > jquery本地导入和线上导入

jquery两种导入方式之本地导入和线上导入

作者:@ZGLi

这篇文章主要给大家介绍了关于jquery两种导入方式之本地导入和线上导入的相关资料,jQuery是一款JavaScript库,封装了JavaScript相关方法调用,文中通过代码介绍的非常详细,需要的朋友可以参考下

前言

jQuery是一个用来代替JavaScript来快捷书写前端脚本语言的库,jQuery可以大大的简化复杂的js代码,使开发人员专注于实现页面的效果。

导入方式有两种

jQuery的导入方式有两种,一种是本地导入,一种是利用超链接导入。

方法一:本地导入

点下图链接

可以看到jquery的源码,如下:

直接ctrl+A,选中所有的 jQuery 的源码,在VScode新建一个txt文件,将源码拷贝到其中,然后修改后缀名为.js即可。

也可以点击这里快速下载

然后,在要使用jquery的页面引入这个.js文件,代码如下:

<script src="你的.js文件路径"></script>

在这里写 jquery 代码

<script>
	//在此书写你的jQuery代码
</script>

注意,一定要先引入 jQuery 源码,再引入自己写的 jQuery 代码,因为页面的加载顺序是从上到下加载,如果浏览器会先加载你的 jQuery 代码再加载 jQuery 库,造成你的 jQuery 代码会被认为是错误书写格式,无法实现效果。

方法二:在线上导入有两种方法

在使用jQuery库之前,需要先引入它。有两种方法可以在线引入 jQuery 库:从官方网站直接下载或从CDN下载。

1. 从官方网站下载:

在下载jQuery库之前,需要访问官方网站,并选择要下载的版本。然后在HTML代码中添加以下内容:

<script src="jquery-3.6.0.min.js"></script>

这将从文件系统中加载 jQuery 库,并将其添加到HTML页面中。

2. 从CDN下载:

许多大型互联网公司提供了CDN服务,其中包括谷歌,微软,jQuery和CDNJS等。

这里我们以谷歌CDN为例,在HTML代码中添加以下内容:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

这将从谷歌CDN服务器上下载jQuery库,并将其添加到HTML页面中。

补充

<script src=""></script>
<script>
	//在此书写你的jQuery代码
</script>

总结

到此这篇关于jquery两种导入方式之本地导入和线上导入的文章就介绍到这了,更多相关jquery本地导入和线上导入内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文