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>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 