快捷導(dǎo)航

JQuery 學(xué)習(xí)筆記01 JQuery初接觸

更新時(shí)間：2010年05月06日 22:13:42 作者：

jQuery是一個(gè)Javascript庫(kù)，用于簡(jiǎn)化Web相關(guān)的Javascript開(kāi)發(fā)

一、下載
官方網(wǎng)址是http://jquery.com/
官方下載地址：http://docs.jquery.com/Downloading_jQuery
里邊有當(dāng)前版本和歷史版本的下載，可以下載下來(lái)部署在自己的服務(wù)器上
上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址，由于目前jQuery的廣泛使用，選擇CDN地址可以充分利用緩存和這些互聯(lián)網(wǎng)大佬們的帶寬和服務(wù)器資源。
官網(wǎng)上下載有兩種版本Compressed（Minified version）和Uncompressed（Source version）
前者體積小70k左右，還不到未壓縮版本的一半大小。
但是未壓縮版本更容易閱讀源代碼，以及調(diào)試
二、安裝
安裝jQuery非常簡(jiǎn)單只需在HTML中引用你下載的那個(gè)js文件即可
比如 <script type="text/javascript" src="/jslibs/jquery.min.js"></script>
如果使用CDN 就直接引用<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
三、第一個(gè)程序

復(fù)制代碼代碼如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(function() { alert("hello"); }) 
</script> 
</head> 
<body> 
</body> 
</html> 

刷新頁(yè)面后就可以執(zhí)行了。
剛開(kāi)始可能對(duì)$有點(diǎn)不適應(yīng)，其實(shí)用不了多久就會(huì)習(xí)慣，并且喜歡它的簡(jiǎn)潔。如果實(shí)在吃不消，“$”也可以用“jQuery”代替

復(fù)制代碼代碼如下:

$(function() { alert("hello"); })

相當(dāng)于

復(fù)制代碼代碼如下:

$(document).ready(function() { alert("hello"); })

也基本相當(dāng)于

復(fù)制代碼代碼如下:

document.onready = function() {alert("hello");}

也就是說(shuō)當(dāng)瀏覽器把文檔結(jié)構(gòu)完全解析后，就可以執(zhí)行下面的語(yǔ)句了。
與document.onload的區(qū)別在于，onload不但需要解析完文檔結(jié)構(gòu)，還要等待所有需要加載的內(nèi)容加載完畢（比如圖片等）
因?yàn)?(document).ready(fn)的頻繁使用，所以可以簡(jiǎn)化為$(fn)

您可能感興趣的文章: