通过 CDN 引入 jQuery 的几种方式

最新推荐文章于 2024-05-12 11:30:35 发布
最新推荐文章于 2024-05-12 11:30:35 发布
阅读量1.1w 收藏 16
点赞数 6
分类专栏： 前端学习 文章标签： jquery ajax java 人工智能 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43648017/article/details/107347121
版权
本文介绍了通过CDN（内容分发网络）引入jQuery库的方法，包括百度、Google、Microsoft、新浪和Staticfile CDN的使用。针对国内和国外用户推荐了不同的CDN选择，并指出它们在实际应用中的相似性。
摘要由CSDN通过智能技术生成

大家好我是冈坂日川，今天由于某些原因，本来要继续学习 vuejs 开发，结果只能卡壳，倒回来学习 jQuery 和 ajax，所以教一下各位小白，如何使用 cdn 引入 jQuery 。

使用 CDN 引入 jQuery 的几种方式

Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。

1. 百度 CDN

<head>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head
最低0.47元/天 解锁文章
你觉得这样嘿怕吗
关注
  • 6
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何从CDN加载jQuery？
best_p1的博客
06-08 1072
下面是从所有3个CDN加载jQuery的代码。 从Google CDN加载jQuery Framework的代码 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> 从Microsoft CDN加载jQuery Framework的代码 <script type="text/javascript"
详解webpack3如何正确引用并使用jQuery库
10-19
除了上述两种方法，还有其他几种引用 jQuery 的方式： 1. **CDN 引入**：你可以直接在 HTML 文件中通过 CDN 来引入 jQuery，然后在 JavaScript 文件中使用 `window.jQuery` 或 `window.$`。 2. **npm 安装**：尽管...
JQuery之CDN
lamwolf的博客
01-05 2001
众所周知，JQUERY是对Javascript的封装。而我们在网页中添加JQUERY时，除了可以从jquery.com下载jQuery库，这种方式虽然是比较好，但是有一种更好的方法，那就是CDN，什么是CDN呢？CDN称内容分发网络。这是什么意思呢？其实是在各大有名公司的服务器内都有jQuery，我们只要引用他们的网址即可。 Staticfile CDN、百度、又拍云、新浪、谷歌和微软...
CDN加载jQuery
一只白猫罢了
03-16 708
CDN的(Content Delivery Network)，即内容分发网络。简单理解为从别人的服务器加载资源 推荐两个CDN库： 1.百度静态资源公共库(选择jQ1.X.X版本，因为2.X.X版本IE678不支持。复制其提供的url地址即可) 2.cdnjs(同上，资源更全) 使用CDN加载jQuery优点： 1.减轻服务器压力 2.速度快 3.可以缓存 缺点： 稳定性方面(人家服务器出现宕机等...
JQuery的安装与下载教程
2401_84814467的博客
05-12 262
如果你的站点用户是国内的，建议使用百度、又拍云、新浪等国内CDN地址，如果你站点用户是国外的可以使用谷歌和微软。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery。如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery。将下载的文件放在网页的同一目录下，就可以使用jQuery。**注：**本站实例均采用菜鸟教程 CDN 库。下载 jQuery 库。
2020-11-22
FXS000的博客
11-22 120
10.什么是CDN？哪些是流行的jQuery CDN？使用CDN有什么好处？ 内容传送网络或内容分发网络（CDN）是部署在因特网上的多个数据中心的大型分布式服务器系统。CDN的目标是为具有高可 用性和高性能的最终用户提供内容。 有3个流行的jQuery CDN：谷歌，微软jQuery。 使用CDN的优势：它减少了服务器的负载。它节省了带宽。jQuery框架将从这些CDN加载更快。最重要的好处是，如果用户访 问过使用任何这些CDN的jQuery框架的任何站点，它将被缓存 11.如何从CDN
通过CDN引入jQuery的几种方式
baocuan8515的博客
07-04 2216
百度 CDN <head> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> 新浪 CDN <head> <script ...
CDN:CDN使用jsDelivr
05-28
CDN（内容分发网络，Content Delivery Network）是一种分布式网络服务，它通过在全球范围内的多个服务器上缓存网站内容，从而提高用户访问速度并减轻源服务器的负担。jsDelivr是一个免费、开放源代码的公共CDN服务，...
jQuery H5移动端图片预览插件
最新发布
05-22
1. **引入jQuery库**：确保项目中已经包含了jQuery，可以通过CDN链接或本地文件引入。 2. **引入插件文件**：将插件的JavaScript和CSS文件引入到HTML页面中。 3. **初始化插件**：在jQuery的$(document).ready()函数...
jquery页面滚动显示第几步效果特效代码
03-20
**一、引入jQuery库** 在HTML文件的`<head>`标签内，添加jQuery库的引用，通常是通过CDN（内容分发网络）链接，如下所示： ```html <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` **...
bFlipText:jQuery以一种很棒的方式翻转文本
05-18
1. **引入jQuery库**：首先，你需要在HTML文件中引入jQuery库，可以通过CDN链接或本地文件引入。 2. **引入bFlipText脚本**：接着，引入bFlipText.js文件，确保其在jQuery库之后引入。 3. **添加CSS样式**：在CSS...
如何从CDN加载jQuery
RJ_0517b的博客
11-11 564
从jQuery站点加载jQuery Framework的代码（EdgeCast CDN） <script type="text/javascript" src="http://code.jquery.com/jquery-3.6.0.min.js"> </script>
jQuery CDN
aoer4943的博客
10-29 261
jQuery CDN MS&Baidu PS：jQuery-2.0 以上版本不再支持IE 6/7/8 REF: https://www.sojson.com/jquery/down.html 经多次测试，建议使用百度的CDN引用地址，官网的地址有可能造成部分地区打开略有延迟 Baidu Version 2.1.4 2.1.1 2.0.0 1.11.3 1.11.1 1.1...
Jquery库的替代
teresa502的专栏
07-06 621
<br /><br />Google 和 Microsoft 对 jQuery 的支持都很好。<br />如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google or Microsoft 加载 CDN jQuery 核心文件。使用 Google 的 CDN<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></scri
添加jQuery环境 cdn
wonderfulgood的博客
03-28 1100
jQuery引入
【前端用法】jQuery在线引用地址(全)
热门推荐
No8g攻城狮的博客
03-03 1万+
BootCDN 1、稳定、快速、免费的前端开源项目 CDN 加速服务，共收录了3450个前端开源项目：https://www.bootcdn.cn/all/ 2、jQuery通过CDN在线引用地址：https://www.bootcdn.cn/jquery/ ...
网站优化：引用CDN公共库
weixin_30326515的博客
08-31 213
什么是CDN公共库？ CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。一般的CDN公共库都会包含全球所有最流行的开源JavaScript库。 为什么要引用CDN公共库？ 1.减少等待时间 CDN-Content Delivery Network（内容分发网络），通过各种各样的服务途径把你的一些静态...
jquery的CDN
02-20
jQuery的CDN（Content Delivery Network）是一种通过网络分发jQuery库文件的方式，可以加快网页加载速度并提供更好的用户体验。CDN将jQuery库文件存储在多个服务器上，并根据用户的地理位置选择最近的服务器进行文件传输，从而减少了网络延迟和带宽消耗。 使用jQuery的CDN有以下几个步骤： 1. 在HTML文件中引入jQuery库文件的CDN链接，例如： ```html <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> ``` 这个链接指向了jsDelivr提供的jQuery库文件的CDN地址。 2. 在需要使用jQuery的地方编写相应的代码，例如： ```javascript $(document).ready(function() { // jQuery代码 }); ``` 通过使用jQuery的CDN，你可以直接从CDN服务器加载jQuery库文件，无需自己下载和部署文件，减少了服务器负载和带宽消耗。同时，由于CDN服务器通常分布在全球各地，用户可以从最近的服务器获取文件，提高了网页加载速度。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值