jquery是一個(gè)輕便的，精簡(jiǎn)的javascript庫(kù)，可以通過(guò)非常方便的代碼實(shí)現(xiàn)強(qiáng)大的功能。
jquery支持各種瀏覽器：Internet Explorer 5.5+, Firefox 1.0+, Safari 1.3+, and Opera 8.5+.
jquery的官方主站：http://jquery.com/
jquery的文檔資料：http://jquery.com/docs/
jquery的下載地址：在官方主站首頁(yè)就可以下載到，壓縮后的大小為17.1k，確實(shí)小巧。
下面是一些相當(dāng)jquery的使用說(shuō)明和功能介紹：
如果你現(xiàn)在還沒(méi)有建立起來(lái)一個(gè)基本的測(cè)試頁(yè)面，那我建議你建立一個(gè)新的HTML頁(yè)面，并加入下面的代碼來(lái)作為練習(xí)的開(kāi)始：
<html>
<head>
<script type="text/javascript"
xsrc="http://<script type="text/javascript">
// Your code goes here
</script>
</head>
<body>
<a xhref="http://jquery</a>
</body>
</html>
domcument準(zhǔn)備完成時(shí)加載代碼
很多javascript的開(kāi)發(fā)人員習(xí)慣性的把類似下面的代碼作為他們程序代碼的開(kāi)始：
window.onload = function(){ ... }
在頁(yè)面加載的時(shí)候立即運(yùn)行{}中的代碼。問(wèn)題是：在頁(yè)面中的所有的圖片還沒(méi)有下載完成的時(shí)候這些代碼是不會(huì)運(yùn)行的。而當(dāng)你想讓你代碼第一時(shí)間運(yùn)行的時(shí)候，選用window.onload的理由得歸咎于html document還沒(méi)有下載完成這個(gè)事實(shí)。為了巧妙的饒開(kāi)上面的兩個(gè)問(wèn)題，你可以使用jquery提供的一個(gè)很簡(jiǎn)單的語(yǔ)句：
$(document).ready(function(){
// Your code here
});
上面的代碼將檢查document并且一直等到domcument對(duì)象可以被操縱—這也正是我們所期望的！將上面代碼復(fù)制到你html頁(yè)面的js區(qū)域，寫(xiě)一些代碼測(cè)試一下喔 ^_^
讓一些事情發(fā)生在鼠標(biāo)點(diǎn)擊時(shí)
首先，我們看看在點(diǎn)擊一個(gè)超鏈節(jié)發(fā)生了什么。添加下面的代碼：
$("a").click(function(){
alert("Thanks for visiting!");
});
保存并重新加載你的html頁(yè)面，點(diǎn)擊頁(yè)面上的超鏈節(jié)。在你離開(kāi)本頁(yè)面準(zhǔn)備轉(zhuǎn)到jquery.org之前會(huì)彈出一個(gè)對(duì)話框。
添加一個(gè)Class
另外一個(gè)基本的任務(wù)就是為一個(gè)元素添加/移除一個(gè)Class。 請(qǐng)看下面的例子：
$("a").addClass("test");
或者
$("a").removeClass("test");
特效
在Basic Effects 部分，提供了幾個(gè)經(jīng)常使用的特殊效果，讓你的網(wǎng)站更有吸引人魅力。我們來(lái)做一個(gè)小小的測(cè)試，修改之前添加的那個(gè)超鏈接的click方法：
$("a").click(function(){
$(this).hide("slow");
return false;
});
現(xiàn)在你點(diǎn)擊這個(gè)超鏈接，你將會(huì)發(fā)現(xiàn)這個(gè)它會(huì)慢慢的消失在你的視線中。可以在Feed Pile.com找到更多的特效。
posted on 2006-11-21 09:15
jacky 閱讀(465)
評(píng)論(0) 編輯 收藏