0.JQuery安裝

jQuery 安裝


網頁中添加 jQuery

能夠經過多種方法在網頁中添加 jQuery。 您能夠使用如下方法:css

  • 從 jquery.com 下載 jQuery 庫
  • 從 CDN 中載入 jQuery, 如從 Google 中加載 jQuery
  • 下載 jQuery

    有兩個版本的 jQuery 可供下載:html

    • Production version - 用於實際的網站中,已被精簡和壓縮。
    • Development version - 用於測試和開發(未壓縮,是可讀的代碼)

    以上兩個版本均可以從 jquery.com 中下載。jquery

    jQuery 庫是一個 JavaScript 文件,您能夠使用 HTML 的 <script> 標籤引用它:服務器

jQuery 庫是一個 JavaScript 文件,您能夠使用 HTML 的 <script> 標籤引用它:網絡

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

替代方案

若是您不但願下載並存放 jQuery,那麼也能夠經過 CDN(內容分發網絡) 引用它。ide

BootCDN、百度、又拍雲、新浪、谷歌和微軟的服務器都存有 jQuery 。測試

若是你的站點用戶是國內的,建議使用百度、又拍雲、新浪等國內CDN地址,若是你站點用戶是國外的能夠使用谷歌和微軟。網站

注:本站實例均採用菜鳥教程 CDN 庫。spa

如需從 BootCDN、又拍雲、新浪、谷歌或微軟引用 jQuery,請使用如下代碼之一:code

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

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>這是一個標題</h2>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
<button>點我</button>
</body>
</html>
相關文章
相關標籤/搜索