使用Google CDN的JSAPI服务来提供加载jQuery

最新推荐文章于 2021-01-12 17:11:23 发布

dotuian

最新推荐文章于 2021-01-12 17:11:23 发布

阅读量1.1k

点赞数

分类专栏： Html jQuery

本文链接：https://blog.csdn.net/dotuian/article/details/8872072

版权

jQuery 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

Html

5 篇文章 0 订阅

订阅专栏

方法一：

<!-- 首先在页头部分加入以下这行代码 --> 
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<!-- 加载jQuery-->
<script type="text/javascript">
google.load("jquery", "1.7.0");
google.load("jqueryui", "1.8.16");
</script>

方法二(建议采用方法二)：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>   
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/black-tie/jquery-ui.css" type="text/css" media="all" />

例：

<html>
<head>
  <title></title>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>   
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/black-tie/jquery-ui.css" type="text/css" media="all" />

<style>
    #draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>

<script>
    $(function() {
        $( "#draggable" ).draggable();
    });
</script>

</head>

<div id="draggable" class="ui-widget-content">
  <p>Drag me around</p>
</div>

</html>

参考：

https://developers.google.com/speed/libraries/devguide?hl=zh-CN

https://developers.google.com/loader/?hl=en (google.load)

http://stackoverflow.com/questions/820412/downloading-jquery-css-from-googles-cdn (jQueryUi CSS)

dotuian

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用Google CDN的JSAPI服务来提供加载jQuery

方法一： google.load("jquery", "1.7.0");google.load("jqueryui", "1.8.16");方法二(建议采用方法二)：例： #draggable { width: 150px; height: 150px; padding: 0.5em; } $
复制链接

扫一扫