1. 程式人生 > >JQuery基礎之(一)JQuery簡介

JQuery基礎之(一)JQuery簡介

一、什麼是JQuery、為什麼是JQuery

jQuery是一套Javascript指令碼庫.

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

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

.

建立一個ASP.NET MVC專案時, 會發現已經自動引入了jQuery類庫. jQuery幾乎是微軟的御用指令碼庫了!完美的整合度和智慧感知的支援,.NETjQuery天衣無縫結合在一起!所以用.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可以實現比如漸變彈出, 圖層移動等動畫效果, 讓我們獲得更好的使用者體驗. 單以漸變效果為例, 從前我自己寫了一個可以相容ieff的漸變動畫, 使用大量javascript程式碼實現, 費心費力不說,

寫完後沒有太多幫助過一段時間就忘記了. 再開發類似的功能還要再次費心費力. 如今使用jQuery就可以幫助我們快速完成此類應用.

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

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

三、參考資料