安裝jquery的方法：1、從「jquery.com」下載jQuery函式庫並在網頁中加入jQuery；2、從CDN中載入jQuery，如從Google載入jQuery即可。
本教學操作環境：windows10系統、jquery1.10.2，本文適用於所有品牌的電腦。
推薦：《jquery影片教學》
#jQuery 安裝
網頁中新增jQuery
可以透過多種方法在網頁中加入jQuery。您可以使用以下方法：
下載jQuery
有兩個版本的jQuery 可供下載：
- ##Production version - 用於實際的網站中，已精簡和壓縮。
- Development version - 用於測試和開發（未壓縮，是可讀的程式碼）
以上兩個版本都可以從jquery .com 中下載。
jQuery 庫是一個JavaScript 文件，您可以使用HTML 的<script> 標籤引用它：<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><head>
<script src="jquery-1.10.2.min.js"></script>
</head></pre><div class="contentsignin">登入後複製</div></div></p>提示： 將下載的文件放在網頁的同一目錄下，就可以使用jQuery。 <p></p>lamp 您是否很疑惑為什麼我們沒有在 <script> 標籤中使用 type="text/javascript" ？ <p></p>在 HTML5 中，不必那樣做了。 JavaScript 是 HTML5 以及所有現代瀏覽器中的預設腳本語言！ <p></p><p>替代方案<strong></strong></p>如果您不希望下載並存放 jQuery，那麼也可以透過 CDN（內容分發網路） 引用它。 <p></p>Staticfile CDN、百度、又拍雲端、新浪、Google和微軟的伺服器都存有 jQuery 。 <p></p>如果你的網站使用者是國內的，建議使用百度、又拍雲、新浪等國內CDN地址，如果你網站使用者是國外的可以使用Google和微軟。 <p></p>如需從Staticfile CDN、又拍雲、新浪、Google或微軟引用jQuery，請使用以下程式碼之一：<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">Staticfile CDN:
<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head></pre><div class="contentsignin">登入後複製</div></div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">百度 CDN:
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head></pre><div class="contentsignin">登入後複製</div></div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">又拍云 CDN:
<head>
<script src="https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head></pre><div class="contentsignin">登入後複製</div></div></p>新浪CDN:<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><head>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head></pre><div class="contentsignin">登入後複製</div></div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head></pre><div class="contentsignin">登入後複製</div></div></p>lamp 不大推薦使用Google CDN來取得版本，因為Google產品在中國很不穩定。 <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">Microsoft CDN:
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
</head></pre><div class="contentsignin">登入後複製</div></div>lamp 使用Staticfile CDN、百度、又拍雲、新浪、谷歌或微軟的jQuery，有一個很大的優勢：<p>許多用戶在訪問其他網站時，已經從百度、又拍雲端、新浪、Google或微軟載過jQuery。所以結果是，當他們造訪您的網站時，會從快取中載入 jQuery，這樣可以減少載入時間。同時，大多數 CDN 都可以確保當使用者向其要求檔案時，會從離使用者最近的伺服器上回傳回應，這樣也可以提高載入速度。 <p>jQuery 使用版本<p>我們可以在瀏覽器的Console 視窗中使用$.fn.jquery 指令查看目前jQuery 使用的版本：<p><p><img title="1604978804745131.png" alt="jquery怎麼安裝" src="https://img.php.cn/upload/image/258/510/638/1604978804745131.png"/> <blockquote>相關免費學習推薦：<p>JavaScript<a href="//m.sbmmt.com/course/list/17.html" target="_blank" textvalue="javascript">（影片）</script>
以上是jquery怎麼安裝的詳細內容。更多資訊請關注PHP中文網其他相關文章！
