2023jquery需要的js文件都有哪些

 所属分类:web前端开发

 浏览:217次-  评论: 0次-  更新时间:2023-01-19
描述:更多教程资料进入php教程获得。 使用jquery只需要引入jquery.js文件即可。jQuery其实就是个js文件,使用时首先需要将该文件引入到HTML文档...
更多教程资料进入php教程获得。

使用jquery只需要引入jquery.js文件即可。jQuery其实就是个js文件,使用时首先需要将该文件引入到HTML文档中。引入方式有两种:1、在官网下载jquery文件到本地,导入本地文件,语法“<script src="本地jquery文件路径">...”;2、导入在线jquery文件,语法“<script src="在线jquery文件网址">...”。

本教程操作环境:windows7系统、jquery3.6版本、Dell G3电脑。

使用jquery只需要引入jquery.js文件。

jQuery其实就是个js文件,我们使用的时候首先需要将文件引入到HTML文档中。jquery的导入方式有两种,一种是本地导入,一种是从超链接(在线)导入。

引入方式一:本地引入

我们可以百度搜索jquery,可以搜到jquery的官方网站:https://jquery.com/download/

从这里即可下载jquery的最新版本,点击下载图标,会跳转到下载详情页面:

1.png

这里的前两个链接是两个版本的jquery下载,一个是压缩版,一个是未压缩版,两个版本在功能上并没有区别,只不过压缩版为了在发布项目的时候jquery占用的空间更小,对压缩版的jquery进行了删减多余的空格和换行操作,以此来达到精简的目的,我们作为开发者,还未到发布项目的环节,因此选择第二个未压缩版(uncompressed)就好。

点进链接,可以看到jquery的源码

2.png

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

3.png

接着,我们在要使用jquery的页面引入这个.js文件,代码如下:

<script src="本地jquery文件路径"></script>
<script>
    //在此书写你的jquery代码
</script>
登录后复制

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

引入方式二:引入在线jquery

我们可以通过在script的src属性中写一个网址来导入在线的jquery代码,有人可能要问了,这样做不是会在网页加载的时候有一个下载jquery的时间吗?会不会下载很长时间,导致你的jquery代码一直不能被加载,影响用户体验?

事实上,现在应用jquery的网站非常非常多,浏览器会在加载之前使用jquery的网站时就预先下载过jquery,因此到了我们这里就不用再次下载了,就算我们的jquery版本是一个新的没被浏览器加载过的版本,jquery的代码下载也会进行的很快,不过,如果你还是担心影响加载速度,本地导入jquery文件确实是最好的办法。

例如jquery官网的在线JQ文件:https://code.jquery.com/jquery-3.6.3.min.js

导入在线jquery:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    //在此书写你的jquery代码
</script>
登录后复制

5.png

2.gif

以上就是jquery需要的js文件都有哪些的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: javascript,jquery,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!