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

boyanx3个月前技术教程30

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使用教程:在面板中创建复杂布局

jQuery EasyUI最新版下载>本教程主要为大家介绍如何在面板中创建复杂的布局。面板允许你创建用于多种用途的自定义布局,在本示例中,我们通过使用面板和布局插件来创建一个MSN的消息框。我们...

使用jQuery开发一个带有密码强度检验的超酷注册页面

在线演示1本地下载在今天的jQuery教程中,我们将介绍如何使用jQuery和其它相关的插件来生成一个漂亮的带有密码强度检验的注册页面,希望大家喜欢!相关的插件和类库complexify- 一个密码强...

web前端Jquery学习笔记一

学习大纲一、了解Jquery1.什么是jqueryJquery 是一款优秀的JavaScript框架,它是一个轻量的JS库,它兼容CSS3,还兼容各种浏览器(IE6.0+,火狐1.5+,谷歌,safa...

jQuery插件注册表停止处理新发布,未来仍不明朗

jQuery插件注册表现在已经转换到只读模式并且不再发布任何新的插件。取而代之的是,jQuery鼓励开发者将他们的插件发布到npm上。尽管如此,注册表的未来仍不明朗。jQuery插件注册表的访问者会收...

jquery mobile + 百度地图 + phonegap 写的一个&quot;校园助手&quot;的app

1 jquery mobile + 百度地图 + phonegap 写的一个"校园助手"的app,使用的是基于Flat-UI的jQuery Mobile,请参考:https://github.com/...

jQuery.com遭恶意攻击,谨防安全威胁

jQuery.com是jQuery库的官方网站,该网站目前遭受恶意软件攻击,导致访问该网站时会重定向到一个包含RIG开发部的网站,其中还包含盗取数据信息的恶意软件。以下内容,来至jQuery官方说明。...

发表评论    

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