亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery環(huán)境搭建

進入官方網(wǎng)站獲取最新的版本?http://jquery.com/download/? ,這裡需要注意jQuery 分2 個系列版本?1.x?與?2.x,主要的區(qū)別在於2.x 不再相容於IE6、 7、8瀏覽器,這樣做的目的是為了相容於行動端開發(fā)。由於減少了一些程式碼,使得該版本比 jQuery 1.x 更小、更快。

如果開發(fā)者比較在意舊版 IE 用戶,只能使用 jQuery 1.9 及之前的版本了。我們這本課程為了相容性問題,使用的是 1.9 版本。 jQuery 每一個系列版本分為:壓縮版(compressed) 與?開發(fā)版(development),我們在開發(fā)過程中使用開發(fā)版(開發(fā)版本便於程式碼修改及調試),專案上線發(fā)布使用壓縮版(因為壓縮版本體積更小,效率更快)。

?jQuery是一個JavaScript腳本庫,不需要特別的安裝,只需要我們在頁面 <head> 標籤內中,透過 script 標籤引入 jQuery 庫。

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <title>環(huán)境搭建</title>
</head> 
<body>  
  <script type="text/javascript">
   alert($) 
   </script>
  </body>
</html>

替代方案

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

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

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

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

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

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.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>

透過Google CDN 來獲得最新可用的版本:
不大建議使用Google CDN來取得版本,因為Google產品在中國很不穩(wěn)定。
如果您觀察上什麼的 Google URL - 在 URL 中規(guī)定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的jQuery,也可以從版本字串的結尾(例如本例1.8)刪除一個數(shù)字,Google會返回1.8 系列中最新的可用版本(1.8.0、1.8.1 等等),或者也可以只剩下第一個數(shù)字,那麼Google會回到1 系列中最新的可用版本(從1.1.0 到1.9.9)。


使用百度、又拍雲(yún)、新浪、Google或微軟的jQuery,有一個很大的優(yōu)勢:
許多用戶在訪問其他網(wǎng)站時,已經從百度、又拍雲(yún)端、新浪、Google或微軟載過jQuery。所有結果是,當他們造訪您的網(wǎng)站時,會從快取中載入 jQuery,這樣可以減少載入時間。同時,大多數(shù) CDN 都可以確保當使用者向其要求檔案時,會從離使用者最近的伺服器上回傳回應,這樣也可以提高載入速度。


繼續(xù)學習
||
<!DOCTYPE html> <html> <head> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.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>