15天學會jQuery --第一天
what
jQuery是一個了不起的javascript庫,它可以是我們用很少的幾句代碼就可以創建出漂亮的頁面效果。從網站的方面說,這使得javascript更加有趣。
如果你這樣想:“孩子,我需要另外一個javascript庫,就好比我I need another hole in my head”那么加入這個俱樂部吧。這正是我第一次遇到的時候所想的。
我已經用過了Moo.fx, Scriptaculous, TW-SACK, 和 Prototype. 我曾參與了RICO, Yahoo YUI和其他一些庫的開發。
沒有了PHPjavascript和我一點也不親近了。但是我還是盡全力保持頭腦清醒,并盡量保持用AJAX去思考。
所以當我遇到jQuery的時候我想:“還需要另外一個javascript庫嗎?不了,謝謝…”
why
為什么我改變我我對jQuery的看法,以及為什么你要考慮去使用它? 很簡單,只要你看一眼過使用jQuery的頁面你就會發現它是如此的簡單易用.只用很少的幾行,就能表現出很優雅的效果. 有一天當我突然看到一些用jQuery寫的代碼時我一下子豁然開朗了. 早茶的過程中,我例行公務的去翻閱我的訂閱,去看每日必看的設計博客的時候我看到了一個用jQuery寫的javascript的例子.事實證明,這些代 碼還是有些和瀏覽器關聯的bug,不過這些概念還是我以前從來沒有見過的.
還有那些代碼…
代碼看起來很簡單看起來不像我以前見過的.但也不無道理.
我開始通讀文檔,并且驚奇的發現用一點點代碼竟然能做這么多事情.
when
你應當在你需要的時候使用jQuery.
給你一個小型的庫文件 DOM強大的控制能力 不費吹灰之力的工作,和少許的努力.
或者
快速的通過AJAX 沒有大量無用的代碼 和一些基本的動畫效果
但是
如果你需要超級花式效果,動畫,拖放,和超級平穩動畫,那么你可能想使用Prototype.他是一個有大量動畫效果的類庫.
where
你可以jQuery的官方網站下載到他的源代碼(10K).
who
jQuery was created by John Resig.
---------------------------------------------------------------------------------------------------------------------------------
window.onload()是傳統javascript里一個能吃苦耐勞的家伙。它長久以來一直被程序員們作為盡快解決客戶端頁面載入問題的捷徑。
但有時候等待頁面載入還是不夠快。
只有少數大型的圖片文件會被快速的載入,而大部分大型的圖片文件會使window.onload()載入的很慢。所以當我為最近的網絡營銷創建一個web 應用程序的時候我不得希望更快一點。有一些圍繞window.onload()的新研究(比如brother cake)的代碼是一種快速的方式。如果你需要,可以試試。
但是如果你要做一些DOM(文檔對象模型)javascript的編程,那么你為什么不試試jQuery,它就像你自己親自制作一個蛋糕,并品嘗它。(雙關Brother Cake,俏皮話)。
jQuery有一個用來作為DOM快速載入javascript的得心應手的小函數,那就是ready… 他在頁面加載完成之后執行。
$(document).ready(function(){ // Your code here });
你可以用他來載入任何你想要載入的javascript,并不一定要保留jQuery的編碼風格。讓jQuery同時去執行多個函數也是可以的。
你以前可能見過類似于init()之類的函數,你會發現jQuery會快很多。
在以后的教程里我們會一遍又一遍的用到這個函數。
OK你現在可以嘗試一下代碼:(記得把jQuery引用進你的頁面哦,不記得的話看看上篇。)
$(document).ready(function(){ alert("Congratluations!"); });