jQuery 安裝

下載jQuery

對於jQuery庫文件,我們可以去「jQuery官網」下載

jQuery庫文件其實有2種類型:(1)開發版;(2)發布版。

開發版是沒有經過壓縮的,供給開發者學習jQuery的源碼,一般用jquery.js命名。而發布版是經過壓縮的,供給我們使用jQuery,一般用jquery.min.js命名。

jQuery 函式庫是一個JavaScript 文件,您可以使用HTML 的<script> 標籤來引用它:

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

提示: 將下載的檔案放在網頁的同一目錄下,就可以使用jQuery。

說明: 大家記住,不要隨便動這個檔案裡面的原始碼。


#替代方案CDN

如果您不希望下載並存放jQuery,那麼也可以透過CDN(內容分發網路) 引用它。

百度、又拍雲端、新浪、Google和微軟的伺服器都存有 jQuery 。

如果你的網站使用者是國內的,建議使用百度、又拍雲、新浪等國內CDN地址,如果你網站使用者是國外的可以使用Google和微軟。

附註:本站實例皆採用百度 jQuery CDN函式庫。

如需從百度、又拍雲、新浪、Google或微軟引用 jQuery,請使用以下程式碼之一:

Baidu CDN:

<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>

又拍雲CDN:

<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>
</head>

新浪CDN:

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

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>

注意:不大推薦使用Google CDN來取得版本,因為Google產品在中國很不穩定。

Microsoft CDN:

<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
</head>

使用百度、又拍雲端、新浪、Google或微軟的 jQuery,有一個很大的優勢。

繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div id="divMsg">这是正常的内容</div> <input id="btnChange" type="button" value="修改内容为 我是替换的内容" /> <script type="text/javascript" > $("#btnChange").bind("click", function(event) { $("#divMsg").html("我是替换的内容"); }); </script> </body> </html>