美文网首页石臼墙话板
jq+bootstrap库的引用分享

jq+bootstrap库的引用分享

作者: 藏雨 | 来源:发表于2020-01-22 22:00 被阅读0次

    第一种:从 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,毕竟谷歌在国内不是很稳定,加载网站会慢,加载时间长。

    国内推荐使用 Staticfile CDN 上的库:

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
     
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
     
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    

    相关文章

      网友评论

        本文标题:jq+bootstrap库的引用分享

        本文链接:https://www.haomeiwen.com/subject/vzsvzctx.html