快捷導(dǎo)航

jQuery學(xué)習(xí)筆記之Helloworld

更新時(shí)間：2010年12月22日 14:09:52 作者：

剛學(xué)習(xí)jQuery，覺(jué)得有的東西確實(shí)有必要寫(xiě)下來(lái)，加深下記憶，本文純屬給自己寫(xiě)的，希望大家不要見(jiàn)笑。

jQuery是什么？

jQuery由美國(guó)人John Resig創(chuàng)建，至今已吸引了來(lái)自世界各地的眾多javascript高手加入其team，包括來(lái)自德國(guó)的Jörn Zaefferer，羅馬尼亞的Stefan Petre等等。jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫(xiě)更少的代碼,做更多的事情。它是輕量級(jí)的js庫(kù)(壓縮后只有21k) ，這是其它的js庫(kù)所不及的，它兼容CSS3，還兼容各種瀏覽器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery是一個(gè)快速的，簡(jiǎn)潔的javaScript庫(kù)，使用戶能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互。jQuery還有一個(gè)比較大的優(yōu)勢(shì)是，它的文檔說(shuō)明很全，而且各種應(yīng)用也說(shuō)得很詳細(xì)，同時(shí)還有許多成熟的插件可供選擇。jQuery能夠使用戶的html頁(yè)保持代碼和html內(nèi)容分離，也就是說(shuō)，不用再在html里面插入一堆js來(lái)調(diào)用命令了，只需定義id即可。

jQuery的構(gòu)成？

通過(guò) jQuery，您可以選?。ú樵?，query） HTML 元素，并對(duì)它們執(zhí)行“操作”（actions）。如圖：

helloworld!

簡(jiǎn)單熟悉了jQuery的構(gòu)成，我先寫(xiě)一個(gè)helloworld！

復(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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>1-1</title> 
<!-- 引入 jQuery --> 
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
//等待dom元素加載完畢. 
$(document).ready(function(){ 
alert("Hello World!"); 
}); 
</script> 
</head> 
<body> 
</body> 
</html> 

1.其中：<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>

本句是引入jQuery庫(kù)文件，本文件可以到http://jQuery.com網(wǎng)站下載

2.代碼：

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

 
<script type="text/javascript"> 
//等待dom元素加載完畢. 
$(document).ready(function(){ 
alert("Hello World!"); 
}); 
</script> 

$(document).ready(function(){})相當(dāng)于JS中的windows.onload方法，再文檔加載完畢時(shí)執(zhí)行，
在jQuery中"$()"符號(hào)就相當(dāng)于"jQuery()"
$(document).ready(function(){})可以簡(jiǎn)寫(xiě)為$(function(){})

您可能感興趣的文章: