資源描述:
《15天學會jquery(完整版)》由會員上傳分享,免費在線閱讀,更多相關內容在學術論文-天天文庫。
1、Jquery15天教程第一章15DaysofjQueryWhat,Why,When,Where,WhowhatjQuery是一個了不起的javascript庫,它可以是我們用很少的幾句代碼就可以創(chuàng)建出漂亮的頁面效果。從網站的方面說,這使得javascript更加有趣。如果你這樣想:“孩子,我需要另外一個javascript庫,就好比我Ineedanotherholeinmyhead”那么加入這個俱樂部吧。這正是我第一次遇到的時候所想的。我已經用過了Moo.fx,Scriptaculous,TW-SACK,和Protot
2、ype.我曾參與了RICO,YahooYUI和其他一些庫的開發(fā)。沒有了PHPjavascript和我一點也不親近了。但是我還是盡全力保持頭腦清醒,并盡量保持用AJAX去思考。所以當我遇到jQuery的時候我想:“還需要另外一個javascript庫嗎?不了,謝謝…”why為什么我改變我我對jQuery的看法,以及為什么你要考慮去使用它?很簡單,只要你看一眼過使用jQuery的頁面你就會發(fā)現它是如此的簡單易用.只用很少的幾行,就能表現出很優(yōu)雅的效果.有一天當我突然看到一些用jQuery寫的代碼時我一下子豁然開朗了.早茶的
3、過程中,我例行公務的去翻閱我的訂閱,去看每日必看的設計博客的時候我看到了一個用jQuery寫的javascript的例子.事實證明,這些代碼還是有些和瀏覽器關聯的bug,不過這些概念還是我以前從來沒有見過的.還有那些代碼…代碼看起來很簡單看起來不像我以前見過的.但也不無道理.我開始通讀文檔,并且驚奇的發(fā)現用一點點代碼竟然能做這么多事情.when你應當在你需要的時候使用jQuery.給你一個小型的庫文件DOM強大的控制能力不費吹灰之力的工作,和少許的努力.或者快速的通過AJAX沒有大量無用的代碼和一些基本的動畫效果但是如
4、果你需要超級花式效果,動畫,拖放,和超級平穩(wěn)動畫,那么你可能想使用Prototype.他是一個有大量動畫效果的類庫.where你可以jQuery的官方網站下載到他的源代碼(10K).whojQuerywascreatedbyJohnResig.第二章15DaysofjQuery比window.onload更快一些的載入window.onload()是傳統javascript里一個能吃苦耐勞的家伙。它長久以來一直被程序員們作為盡快解決客戶端頁面載入問題的捷徑。但有時候等待頁面載入還是不夠快。只有少數大型的圖片文件會被快速
5、的載入,而大部分大型的圖片文件會使window.onload()載入的很慢。所以當我為最近的網絡營銷創(chuàng)建一個web應用程序的時候我不得希望更快一點。有一些圍繞window.onload()的新研究(比如brothercake)的代碼是一種快速的方式。如果你需要,可以試試。但是如果你要做一些DOM(文檔對象模型)javascript的編程,那么你為什么不試試jQuery,它就像你自己親自制作一個蛋糕,并品嘗它。(雙關BrotherCake,俏皮話)。jQuery有一個用來作為DOM快速載入javascript的得心應手的
6、小函數,那就是ready…他在頁面加載完成之前執(zhí)行。$(document).ready(function(){//Yourcodehere...});你可以用他來載入任何你想要載入的javascript,并不一定要保留jQuery的編碼風格。讓jQuery同時去執(zhí)行多個函數也是可以的。你以前可能見過類似于init()之類的函數,你會發(fā)現jQuery會快很多。在以后的教程里我們會一遍又一遍的用到這個函數。OK你現在可以嘗試一下代碼:(記得把jQuery引用進你的頁面哦,不記得的話看看上篇。)$(document).rea
7、dy(function(){alert("Congratluations!");});很Easy,不是嗎?用幾分鐘時間做的雙色表格。第三章15DaysofjQuery(Day2)---很容易的制作雙色表格這節(jié)本身沒有太多的價值,重點在它提供的這個例子上。我將代碼帖出來然后對重點部分注釋一下:我們先來看看Thewatchmakerproject傳統的做法:預覽地址(你可以查看一下源代碼)。再來看看jQuery是如何用5行代碼來搞定的:
8、itional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">