jQuery的使用——安装jQuery

这几天正在准备jQuery课程,那我就将jQuery备的课程记录一下吧。
首先先来认识一下jQuery是什么?
jquery 是 JavaScript的函数库,是目前市面使用较为广泛的JS框架,jQuery兼容所有的主流浏览器;它可以让我们用少量的代码,实现一些强大的功能,并且有很多很好用的插件可以让我们使用,对于JavaScript不是很好的人来说,jQuery简直就是福星,jQuery可以对HTML 元素进行选取,然后对HTML 元素进行操作,CSS 操作,HTML 事件函数,JavaScript 特效和动画,HTML DOM 遍历和修改,AJAX等功能
那么在我们正式学习jQuery之前,我们先要安装jQuery,安装jQuery有两种方式

第一种:从 jquery.com 下载 jQuery 库

那么,在jquery.com中有两种jQuery库可供下载

第一种是Production version - 用于实际的网站中,已被精简和压缩。
第二种是Development version - 用于测试和开发(未压缩,是可读的代码)

下载好后,我们就可以使用script标签引用就可以了。
例如:

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

第二种:从 CDN 中载入 jQuery

这种情况适合不想下载存放jQuery库的人员使用,可以直接通过cdn引用它。CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。例如:
我们可直接从百度、新浪、谷歌等引用jQuery(下面的链接均为压缩版的,如果想要未压缩版的可到官网自行查找)。

1.从百度cdn中载入jQuery
<head>
   未压缩:<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
   压缩:<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
2.从谷歌cdn中载入jQuery
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
3.从新浪cdn中载入jQuery
<head>
   <script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
</head>

不过个人不太推荐使用谷歌cdn引用jQuery,毕竟谷歌在国内不是很稳定,加载网站会慢,加载时间长。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值