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等.

1)jQuery 是一套Javascript腳本庫,注意jQuery 是腳本庫,而不是腳本框架。 "庫"不等於"框架"。 jQuery 並不能幫助我們解決腳本的引用管理和功能管理,這些都是腳本框架要做的事。

腳本庫能夠幫助我們完成編碼邏輯,實現業務功能。使用 jQuery 將極大的提高編寫javascript程式碼的效率, 讓寫出來的程式碼更加優雅, 更加健壯。

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

3)javascript腳本在不同瀏覽器的兼容性一直是Web 開發人員的噩夢,比如在jQuery 中的Event 事件對像已經被格式化成所有瀏覽器通用的,從前要根據event獲取事件觸發者, 在ie 下方是event.srcElements 而ff 等標準瀏覽器下方是event.target。 jQuery 則透過統一event物件,讓我們可以在所有瀏覽器中使用event.target取得事件物件。

4)jQuery 可以實現例如漸變彈出,圖層移動等動畫效果,讓我們獲得更好的使用者體驗。

5)大部分開發人員對於javascript存在錯誤的認識,比如在頁面中編寫加載時即執行的操作DOM 的語句,在HTML 元素或者document對像上直接添加onclick屬性,不知道onclick其實是一個匿名函數等等。這樣的程序是不健壯的。例如"在頁面中編寫加載時即執行的操作 DOM 的語句",當頁面代碼很小用戶加載很快時沒有問題, 當頁面加載稍慢時就會出現瀏覽器"終止操作"的錯誤。


繼續學習
||
<!doctype html> <html lang="zh"> <head> <meta charset="utf-8"/> <title>Hello World jQuery!</title> <script src="jquery-3.1.1.min.js"></script> </head> <body> <div id="divMsg">Hello jQuery!</div> <input id="btnShow" type="button" value="show" /> <input id="btnHide" type="button" value="hidden" /><br/> <input id="btnChange" type="button" value="change content is Hello World, too!"/> <script> $("#btnShow").bind("click", function(event) { $("#divMsg").show(); }); $("#btnHide").bind("click", function(event) { $("#divMsg").hide(); }); $("#btnChange").bind("click", function(event) { $("#divMsg").html("Hello World, too!"); }); </script> </body> </html>