如何导入jQuery
jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库,jquery可以大大的简化复杂的js代码,使开发人员专注于实现页面的效果。
相信你在阅读本文前也对jquery有过了解,废话不多说,我们这就来导入jquery。
导入方式
jquery的导入方式有两种,一种是本地导入,一种是从超链接导入。
方式一:本地导入
我们可以百度搜索jquery,可以搜到jquery的官方网站:
https://jquery.com/
从这里即可下载jquery的最新版本,点击下载图标,会跳转到下载详情页面:
这里的前两个链接是两个版本的jquery下载,一个是压缩版,一个是未压缩版,两个版本在功能上并没有区别,只不过压缩版为了在发布项目的时候jquery占用的空间更小,对压缩版的jquery进行了删减多余的空格和换行操作,以此来达到精简的目的,我们作为开发者,还未到发布项目的环节,因此选择第二个未压缩版(uncompressed)就好。
点进链接,可以看到jquery的源码,我们直接ctrl+a,选中所有,新建一个txt文件,将源码拷贝到其中,然后修改后缀名为.js即可。
接着,我们在要使用jquery的页面引入这个.js文件,代码如下:
<script src="你的.js文件路径"></script>
<script>//在此书写你的jquery代码
</script>
注意
注意!一定要先写引入的script再写自己的jquery代码,因为页面的加载顺序是从上到下加载,浏览器会先加载你的jquery代码再加载jquery库,造成你的jquery代码会被认为是错误书写格式,无法实现效果。
方式二:导入在线jquery
我们可以通过在script的src属性中写一个网址来导入在线的jquery代码,有人可能要问了,这样做不是会在网页加载的时候有一个下载jquery的时间吗?会不会下载很长时间,导致你的jquery代码一直不能被加载,影响用户体验?
事实上,现在应用jquery的网站非常非常多,浏览器会在加载之前使用jquery的网站时就预先下载过jquery,因此到了我们这里就不用再次下载了,就算我们的jquery版本是一个新的没被浏览器加载过的版本,jquery的代码下载也会进行的很快,不过,如果你还是担心影响加载速度,本地导入jquery文件确实是最好的办法。
导入在线jquery:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>//在此书写你的jquery代码
</script>
如何导入jQuery相关推荐
- (0004) H5开发之导入JQuery库以及使用。
1.jquery.min.js与jquery.js有什么区别? min是压缩版,去除了注释和空格,主要是生产环境中使用,不带min是带有注释和空格的,方便阅读源码. 2.哪个版本的jQuery兼容性最 ...
- 向浏览器console 里面导入JQuery在线CDN
向浏览器console 里面导入JQuery在线CDN 1.查看目前网页是否存在JQuery $.fn; 不存在JQuery 存在JQuery 2.那么在浏览器中,该页面没有JQuery,应该如何导入 ...
- 导入jQuery:在线导入
在线导入jQuery <script type="text/javascript" src="js/jquery-3.4.1.js"></sc ...
- 导入jQuery库时应该注意的问题
我们会发现在官网里面下载JQuery文件的时候,有一个.js结尾的(未压缩版)有一个.min.js结尾的(压缩版),那在我们实际开发中到底应该引入哪一个包呢? 其实,当我们在测试阶段的时候最好引入的是 ...
- 【杂记】nodejs导入jQuery的方法
安装jQuery依赖包 npm install jQuery 安装jsdom依赖包 npm install jsdom 在需要使用jQuery的时候导入相关包,例如,在使用ajax的时候则需要先加载j ...
- vue脚手架导入jquery
npm install jquery --save 在"webpack.base.conf.js"文件中修改如下: var webpack = require("webp ...
- idea中导入jquery类库
1.file-->settings ,查看以下图片.将jquery导入到idea编辑器 2.八个步骤操作完成之后一路ok,问题解决. 3.在js中引入jquery.js为我当前项目下的目录名称 ...
- 导入Jquery.min.js时 JQuery 上打红X了
问题解决:右击jquery.min.js-->MyEclipse-->点击Exclude From Validation-->点击Run Validation 即可 转载于:http ...
- html整个项目怎么导出来,怎样将jquery导入web项目中?
怎样将jquery导入web项目中?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 将jquery导入web项目中的方法 导入jquery文件 在页面中使 ...
最新文章
- python画代码-Python教程_Python画Mandelbrot集 代码
- 垃圾回收机制之标记压缩算法与分代算法
- iphone静音键失灵_知否 | 为何大部分安卓机 都不学iPhone加入静音键?
- ARP协议在同网段及跨网段下的工作原理
- 微信小程序上线订单管理功能:实现订单管理、售后维权一体化
- vue 图片引入_一个Vue的时间插件
- Machine Learning - week 4 - Non-linear Hypotheses
- 阿里云云计算 35 RDS的产品选型
- ExtJS视频教程1(上)
- 用luac给lua脚本加密
- mysql nutch_nutch2.2+mysql部署
- 主板开机重启条线安装图
- python利用you-get下载视频
- Microbiome 专刊征稿
- Latex常用公式写法(一)
- NOI openjudge 1.1 01:Hello, World!
- 腾讯云运维tca题库
- [usaco6.1.1Postal Vans]
- 软件定制开发解决方案
- 一位面试官询问我:Java中的JVM内存溢出和内存泄露是什么?我这么回答成功拿到了offer
热门文章
- 如何在WordPress中添加FontAwesome图标
- 王者荣耀4月14日服务器维护,王者荣耀体验服4月14日更新公告 修复部分机型闪退BUG...
- [附源码]java+ssm计算机毕业设计基于ssm的二手手机商城rk2i3(源码+程序+数据库+部署)
- 12月28吃鸡服务器维护,《绝地求生》正式服今日更新: 玩家死亡3分钟后才可观看回放...
- 关于Java中SQL语句拼写小问题(换行时缺少空格)
- 浅谈图像生成模型 Diffusion Model 原理
- js和html全局变量,JavaScript全局变量与局部变量
- 左手是糖 右手是匕首
- 再次定义移动影像体验 三星Galaxy S23系列登陆中国
- Redis三种启动方式