1. 程式人生 > >jquery學習入門到高階(轉載部落格園)

jquery學習入門到高階(轉載部落格園)

什麼是jQuery

jQuery是一套Javascript指令碼庫.  在我的部落格中可以找到"Javascript輕量級指令碼庫"系列文章. Javascript指令碼庫類似於.NET的類庫, 我們將一些工具方法或物件方法封裝在類庫中, 方便使用者使用.

注意jQuery是指令碼庫, 而不是指令碼框架. "庫"不等於"框架", 比如"System程式集"是類庫,而"ASP.NET MVC"是框架. jQuery並不能幫助我們解決指令碼的引用管理和功能管理,這些都是指令碼框架要做的事.

指令碼庫能夠幫助我們完成編碼邏輯,實現業務功能. 使用jQuery將極大的提高編寫javascript程式碼的效率, 讓寫出來的程式碼更加優雅, 更加健壯. 同時網路上豐富的jQuery外掛也讓我們的工作變成了"有了jQuery,天天喝茶水"--因為我們已經站在巨人的肩膀上了.

建立一個ASP.NET MVC專案時, 會發現已經自動引入了jQuery類庫. jQuery幾乎是微軟的御用指令碼庫了!完美的整合度和智慧感知的支援,讓.NET和jQuery天衣無縫結合在一起!所以用.NET就要選用jQuery而非Dojo,ExtJS等.

jQuery有如下特點:

1.提供了強大的功能函式

使用這些功能函式, 能夠幫助我們快速完成各種功能, 而且會讓我們的程式碼異常簡潔.

2.解決瀏覽器相容性問題

javascript指令碼在不同瀏覽器的相容性一直是Web開發人員的噩夢,  常常一個頁面在IE7,Firefox下執行正常, 在IE6下就出現莫名其妙的問題. 針對不同的瀏覽器編寫不同的指令碼是一件痛苦的事情. 有了jQuery我們將從這個噩夢中醒來, 比如在jQuery中的Event事件物件已經被格式化成所有瀏覽器通用的, 從前要根據event獲取事件觸發者, 在ie下是event.srcElements 而ff等標準瀏覽器下下是event.target. jQuery則通過統一event物件,讓我們可以在所有瀏覽器中使用event.target獲取事件物件.

3.實現豐富的UI

jQuery可以實現比如漸變彈出, 圖層移動等動畫效果, 讓我們獲得更好的使用者體驗. 單以漸變效果為例, 從前我自己寫了一個可以相容ie和ff的漸變動畫, 使用大量javascript程式碼實現, 費心費力不說, 寫完後沒有太多幫助過一段時間就忘記了. 再開發類似的功能還要再次費心費力. 如今使用jQuery就可以幫助我們快速完成此類應用.

4.糾正錯誤的指令碼知識

這一條是我提出的, 原因就是大部分開發人員對於javascript存在錯誤的認識. 比如在頁面中編寫載入時即執行的操作DOM的語句, 在HTML元素或者document物件上直接新增"onclick"屬性,  不知道onclick其實是一個匿名函式等等.  擁有這些錯誤指令碼知識的技術人員也能完成所有的開發工作, 但是這樣的程式是不健壯的. 比如"在頁面中編寫載入時即執行的操作DOM的語句", 當頁面程式碼很小使用者載入很快時沒有問題, 當頁面載入稍慢時就會出現瀏覽器"終止操作"的錯誤.jQuery提供了很多簡便的方法幫助我們解決這些問題, 一旦使用jQuery你就將糾正這些錯誤的知識--因為我們都是用標準的正確的jQuery指令碼編寫方法!

5.太多了! 等待我們一一去發現.  呵呵