首页 > 其他分享 >jQuery引用教程,CDN或下载教程

jQuery引用教程,CDN或下载教程

时间:2024-01-31 10:31:56浏览次数:35  
标签:jQuery 教程 HTML CDN version 引用 下载

如何在网页中添加jQuery?jQuery库是一个JavaScript文件,可以使用HTML的 <script> 标签引用它,通过其他云厂商提供的CDN在网页中添加jQuery。阿腾云atengyun.com分享多种安装jQuery的方法:

下载jQuery并引用

jQuery有两个版本的可供下载:

  • Production version – 用于实际的网站中,已被精简和压缩
  • Development version – 用于测试和开发(未压缩,是可读的代码)

以上两个版本都可以从jQuery官网中下载。

jQuery库是一个JavaScript文件,您可以使用HTML的 <script> 标签引用它:

<head>
<script src="jquery-1.10.2.min.js"></script>
</head>

CDN引用jQuery方法

如果你不想要下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。CDN引用可以选择从百度云、Staticfile CDN、又拍云、新浪、谷歌或微软引用jQuery等,例如:

百度CDN:

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>

Staticfile CDN:

<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>

字节跳动:

<head>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/2.1.3/jquery.min.js">
</script>
</head>

又拍云CDN:

<head>
<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>

Google CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

新浪CDN:

<head>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>

Google CDN:

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

Microsoft CDN:

<head>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
</head>


标签:jQuery,教程,HTML,CDN,version,引用,下载
From: https://blog.51cto.com/u_14640488/9503489

相关文章

  • Java:Gradle安装与配置教程
    下载Gradle工具下载地址:Gradel官网gradle手动安装时,须先安装 jdk1.8 或以上版本安装Gradle工具解压并配置文件解压刚才下载的压缩包创建下载源的配置文件allprojects{repositories{mavenLocal()maven{name"Alibaba";url"https://m......
  • 无涯教程-The do…while 循环函数
    do…while循环与while循环类似,不同之处在于 do...while循环在第一次执行循环时不会判断条件。换句话说,至少执行一次。do…whileloop-流程图以下是while循环的语法。do{Statement(s)tobeexecuted;}while(expression);注意-不要错过 do...while循......
  • 基于TIC6000的教学实验箱的嵌入式操作教程:7-3 基于CMOS数字摄像头的边缘检测实验
    一、实验目的学习边缘检测的原理,掌握OV2640摄像头和VPIF总线的工作原理,实现OV2640摄像头采集图像并进行实时图像边缘检测,并显示在LCD上。二、实验原理OV2640摄像头OV2640是世界上第一个1/4英寸2百万像素视频传感器,同时是OmniVision最新的2.2微米OmniPixel2™架构的视......
  • 《熬夜整理》保姆级系列教程-玩转Wireshark抓包神器教程(1)-初识Wireshark
    1.简介前边已经介绍过两款抓包工具,应该是够用了,也能够处理在日常工作中遇到的问题了,但是还是有人留言让宏哥要讲解讲解Wireshark这一款抓包工具,说实话宏哥之前也没有用过这款工具,只能边研究边分享。换句话说就是现学现卖,希望大家不要介意,宏哥这里的分享仅供你参考学习,有错误......
  • Jackson基本使用教程
    目录如何将一个Json序列化对象封装成为一个Pojo是实体类对象如何进行序列化与反序列化如何将数据进行绑定如何进行泛型数据绑定如何使用Jackson树模型(将复杂Json手动映射到类型)使用Jackson进行流式处理如何将一个Json序列化对象封装成为一个Pojo是实体类对象publicstaticvoi......
  • 无涯教程-The for…in 循环函数
    for...in循环用于循环访问对象的属性。以下是"for…in"循环的语法。for(variablenameinobject){statementorblocktoexecute}for…in-示例varobj={a:1,b:2,c:3};for(varpropinobj){console.log(obj[prop]);}上面的示例说明了使用for......
  • 【10秒开服】幻兽帕鲁全自动部署教程,难道你还想手动搭建游戏服务器吗?快来学习这个简单
    在帕鲁的世界,你可以选择与神奇的生物「帕鲁」一同享受悠闲的生活,也可以投身于与偷猎者进行生死搏斗的冒险。帕鲁可以进行战斗、繁殖、协助你做农活,也可以为你在工厂工作。你也可以将它们进行售卖,或肢解后食用。引用自:https://store.steampowered.com/app/1623730/Palworld目前......
  • 无涯教程-The ‘for’ 循环函数
    for循环将代码块执行指定的次数。它可用于迭代一组固定值,如数组。以下是for循环的语法。varnum=5varfactorial=1;for(leti=num;i>=1;i--){factorial*=i;}console.log(factorial);for循环包括三个部分:初始化程序(i=num),条件(i>=1)和最终表达式(i--)......
  • 无涯教程-if 语句函数
    "if…else"结构在执行代码块之前先判断条件。if(boolean_expression){//statement(s)willexecuteiftheBooleanexpressionistrue}if-流程图if-示例varnum=5if(num>0){console.log("numberispositive")}成功执行上述代码后,将显示以下输......
  • 无涯教程-switch…case 语句函数
    switch语句判断表达式,将表达式的值与case子句匹配,然后执行与该case相关的语句。switch(variable_expression){caseconstant_expr1:{//statements;break;}caseconstant_expr2:{//statements;break;}default:{......