jQuery文件下载方法及引入HTML语法

boyanx9个月前技术教程77

jQuery文件下载方法及引入HTML语法

jQuery下载

去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,浏览器并不会直接下载相关的文件,而是跳转到一个“密密麻麻”都是jQuery代码的页面,仔细查看浏览器地址栏中的url便可知,该页面其实就是jQuery的min版的文件,可以使用下面这种方法,下载jQuery文件:

右键点击该页面,在弹出的菜单中选择另存为,在另存为的菜单中默认保存的后缀名为".js",如果不是,可以在下拉菜单中选择该类型的选项,然后保存即可下载jQuery文件了。鄙人下载的是最新版本的jquery-3.7.1.min.js

提示:jQuery的文件的扩展名是".js",下载完之后,无需安装,使用直接引入即可使用jQuery。

jQuery引入HTML的方法

jQuery是js文件,引入HTML的方法与引入JavaScript文件的方法一样,在HTML的head标签内使用script标签引入,比如:

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

CDN引入jQuery的方法

如果不想下载jQuery,也可以通过CDN的方式,将jQuery引入HTML,比如:

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" rel="external nofollow" >
</script>

jQuery引入实例代码,及在线编辑器

下面实例将通过一个点击按钮添加文本的实例来展示jQuery的用法,如下:

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

<script> $('#btn').click(function(){ $('#p1').text("jQuery添加段落文本"); }) </script>

来源笨鸟工具-璞玉天成,大器晚成

原文jQuery下载及引入HTML | jQuery教程

免责声明:内容仅供参考,不保证正确性!

标签: jquery下载
返回列表

上一篇:jQuery

下一篇:jQuery 安装

相关文章

用户界面框架jQuery EasyUI示例大全之Application

jQuery EasyUI最新试用版免费下载>jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery...

jQuery 3.0 正式发布,兼容 Promises/A+

jQuery 3.0 正式发布,此版本从 2014 年 10 月份就开始开发,jQuery 团队想打造成轻量级的,速度更快,向后兼容的 jQuery 版本。此版本移除了所有旧版 IE 的方法,并且借鉴...

jQuery知识一览

一、概览jQuery官网:https://jquery.com/jQuery是一个高效、轻量并且功能丰富的js库。核心在于查询query。jQuery是一个优秀的js函数库,是React/Vue/An...

jQuery EasyUI如何下载以及使用

jQuery EasyUI可通过EasyUI官网进行下载,它的使用必须要先外部引入CSS文件、jQuery文件以及easyui文件才可以jQuery EasyUI 框架提供了创建网页所需的一切,可以帮...

jQuery 安装

本节我们学习 jQuery 的安装,我们在实际项目中,如果要使用 jQuery,则需要先下载 jQuery 库,然后把它引入到要使用的网页中。jQuery 有下面几种使用方法:从官网下载 jQuery...

jQuery框架有什么特点?如何安装jQuery?

随着Web前端技术的不断发展,互联网上诞生了很多优秀的JavaScript框架,这些框架基本上都封装了JavaScript、DOM和Ajax等操作的功能,为开发人员提供了更加快捷、强大的开发方式。常见...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。