如何下载和引入jQuery文件?

1.下载jQuery

访问jQuery官方网站(http://jquery.com),如图1-1所示。

如何下载和引入jQuery文件?

jQuery官方网站

在页面上方可以看到Download jQuery按钮,该按钮上的v3.3.1是jQuery当前最新版本的版本号,单击该按钮后,进入下载页面。

为了获取其他版本的jQuery,在下载页面的下半部分找到https://code.jquery.com链接,获取jQuery所有版本的下载链接地址,如图2所示。

如何下载和引入jQuery文件?

图2 获取jQuery下载地址

单击图2中标示出的链接,进入jQuery所有版本的下载页面,即可看到jQuery1.12.4版本的jQuery文件下载链接,如图3所示。

如何下载和引入jQuery文件?

图3 jQuery 1.12.4压缩版和未压缩版

从图l-3中可以看出,jQuery文件的类型主要包括未压缩(uncompressed)的开发版和压缩(minified)后的生产版。它们的区别在于,压缩版本是将jQuery文件中的空白字符、注释、空行等与逻辑无关的内容删除,并进行一些优化,使得文件体积减小,加载速度比未压端版快。而未压缩版本的代码可读性更好,所以建议读者在学习期间选择未压缩版本。

2.引入jQuery

在项目中引入jQuery时,只需要把下载好的jQuery文件保存到项目目录中,在项目的HTML文件中使用标签引入即可。示例代码如下。

<!--引入本地下载的jQuery--><script src="jquery-1.12.4.js"></script>

许多网站提供了静态资源公共库,通过CDN(内容分发网络)可以提高jQuery的下载速度。示例代码如下。

<!--引入CDN加速的jQuery--><script src="https://code.jquery.com/jquery-1.12.4.js"></script>

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/276926.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
黑马程序员黑马程序员订阅用户
上一篇 2023年6月16日 06:54
下一篇 2023年6月16日 07:26

相关推荐

  • 我来分享jquery获取值的几种方法。

    jQuery获取值的几种方法有三种:text()、html()和val()。text()方法用于设置或返回所选元素的文本内容;html()方法用于设置或返回所选元素的内容(包括HTML标记);val()方法用于设置或返回表单字段的值 。 jQuery简介…

    2024年7月13日
    01
  • 关于jquery删除class。

    jQuery删除class 在前端开发中,我们经常需要对HTML元素进行操作,包括添加、删除或修改其属性和样式等,删除一个元素的class是一个常见的需求,本文将介绍如何使用jQuery来实现这个功能。 我们需要了解什么是class…

    2024年6月18日
    00
  • 经验分享html动态更新表格数据。

    在HTML中动态更新文本框通常需要使用JavaScript或jQuery等脚本语言,因为这些语言可以操作DOM(文档对象模型)来更改页面元素的内容,以下是一些常用的方法来动态更新HTML中的文本框: (图片来源网络,侵删) 1、…

    2024年6月23日
    02
  • jQuery水平滑动企业大事记时间轴代码下载

    jQuery水平滑动企业大事记时间轴代码下载。 演示效果如下图: 下载链接:http://pan.baidu.com/s/1mh8Yr3q 密码:f0i5

    2017年11月9日
    0251
  • 关于jq如何在html中使用。

    jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作,在HTML中使用jQuery,首先需要引入jQuery库,然后可以使用jQuery选择器来选取HTML元素,并对这些元素进行操作,以…

    2024年6月24日
    01
  • 聊聊jquery如何获得当前时间。

    您可以使用以下代码来获取当前时间:,,“javascript,var currentTime = new Date();,`,,或者使用 jQuery 的 $.now() 方法:,,`javascript,var currentTime = $.now();,“ jQuery如何获得当前时…

    2024年7月20日
    01
  • jquery怎么增加标签属性。

    使用jQuery的.attr()方法可以增加标签属性。给一个元素添加一个新的属性:$('selector').attr('attributeName', 'attributeValue'); 在jQuery中,我们可以使用.attr()方法来增加或修改HTML元素的标签属性,这个方法…

    2024年7月22日
    02
  • 我来说说jquery如何遍历数组。

    在jQuery中,可以使用$.each()函数来遍历数组。 jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作,在本文中,我们将详细介绍如何使用jQuery遍历数组。 什么是数组? …

    2024年7月11日
    02

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息