亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery課程介紹

什么是jQuery

jQuery是一套Javascript腳本庫.? 在我的博客中可以找到"Javascript輕量級腳本庫"系列文章. Javascript腳本庫類似于.NET的類庫, 我們將一些工具方法或?qū)ο蠓椒ǚ庋b在類庫中, 方便用戶使用.

注意jQuery是腳本庫, 而不是腳本框架. "庫"不等于"框架", 比如"System程序集"是類庫,而"ASP.NET MVC"是框架. jQuery并不能幫助我們解決腳本的引用管理和功能管理,這些都是腳本框架要做的事.

腳本庫能夠幫助我們完成編碼邏輯,實現(xiàn)業(yè)務(wù)功能. 使用jQuery將極大的提高編寫javascript代碼的效率, 讓寫出來的代碼更加優(yōu)雅, 更加健壯. 同時網(wǎng)絡(luò)上豐富的jQuery插件也讓我們的工作變成了"有了jQuery,天天喝茶水"--因為我們已經(jīng)站在巨人的肩膀上了.

創(chuàng)建一個ASP.NET MVC項目時, 會發(fā)現(xiàn)已經(jīng)自動引入了jQuery類庫. jQuery幾乎是微軟的御用腳本庫了!完美的集成度和智能感知的支持,讓.NET和jQuery天衣無縫結(jié)合在一起!所以用.NET就要選用jQuery而非Dojo,ExtJS等.

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

腳本庫能夠幫助我們完成編碼邏輯,實現(xiàn)業(yè)務(wù)功能。使用 jQuery 將極大的提高編寫javascript代碼的效率, 讓寫出來的代碼更加優(yōu)雅, 更加健壯。

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

3)javascript腳本在不同瀏覽器的兼容性一直是 Web 開發(fā)人員的噩夢,比如在 jQuery 中的 Event 事件對象已經(jīng)被格式化成所有瀏覽器通用的,從前要根據(jù)event獲取事件觸發(fā)者, 在 ie 下是event.srcElements?而 ff 等標(biāo)準(zhǔn)瀏覽器下是event.target。 jQuery 則通過統(tǒng)一event對象,讓我們可以在所有瀏覽器中使用event.target獲取事件對象。

4)jQuery 可以實現(xiàn)比如漸變彈出,圖層移動等動畫效果,讓我們獲得更好的用戶體驗。

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


繼續(xù)學(xué)習(xí)
||
<!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>
提交重置代碼