锋利的jQuery学习笔记(一)——jQuery配置

来源:互联网 发布:克莱汤普森数据 编辑:程序博客网 时间:2024/05/24 07:13

配置jQuery环境

  1. 获取jQuery最新版本
    http://jquery.com/
  2. jQuery库类型说明
    jquery.js(开发版)————完整无压缩,主要用于测试、学习和开发
    jquery.min.js(生产版)————已经经过压缩,主要用于产品和项目
  3. jQuery环境配置
    第一种是直接在官网下载jQuery,然后引入页面文件;
    第二种如下:
    不需要安装,将下载的jquery.js放到网站上一个公共位置,想在某个页面使用jQuery时,只需在相关的HTML文档中引入即可。
    常用地址:

jQuery CDN

<script src="http://code.jquery.com/jquery-3.2.1.js"></script><script src="http://code.jquery.com/jquery-3.2.1.min.js"></script><script src="http://code.jquery.com/jquery-1.7.js"></script>

七牛云 CDN

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

新浪云计算CDN公共库

<script src="http://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.js"></script><script src="http://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.min.js"></script>

注:
不大推荐使用Google CDN来获取版本,因为Google产品在中国很不稳定;
使用百度、新浪、七牛云jQuery,有一个很大的优势:许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。
4. 在页面中引入jQuery
引入后的文件如下图:
引入图片

原创粉丝点击