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