jQuery--环境配置

使用jQuery有以下两种方式:

  1. 在官网下载http://jquery.com/download/
  2. 从CDN中载入jQuery。(CDN:内容分发网络,目的是使用户从网络上就近取得内容)

第一种方式:

   各版本比较:

      版本                                                    描述
      1.x 兼容ie678,使用最为广泛的,官方只做bug维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4
      2.x 不兼容ie678,很少人使用,官方只做bug维护,功能不再新增。如果不考虑兼容版本低的浏览器可以使用2.x,最终版本:2.2.4
      3.x 不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。目前最新版本:3.4.1

       jQuery的每一个版本都分为压缩版  (compressed、production)和开发版(development、uncompressed)。前者用于实际的网站中,已被精简和压缩,体积小,效率快。后者用于测试和开发,便于调试,未压缩是可读的代码。

       jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。

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

  提示:将下载的文件放在与网页的同一目录下,可以直接使用,若不在一个目录则src处需要加上目录。建议放在同一目录下。

第二种方式:

     若你不想下载并存放jQuery,也可以通过CDN引用它。Staticfile CDN、百度、又拍云、新浪、谷歌和微软的服务器都存有 jQuery 。

Staticfile CDN:

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

百度 CDN:

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

又拍云 CDN:

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/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>

猜你喜欢

转载自blog.csdn.net/Krismile_/article/details/91128147