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

jQuery 簡介

什麼是jQuery

jQuery是一套Javascript腳本庫. ?我們將一些工具方法或物件方法封裝在類別庫中, 方便使用者使用.

#注意jQuery是腳本庫, 而不是腳本框架. "庫"不等於"框架", 例如"System組件"是類別庫,而"ASP.NET MVC"是框架. jQuery並不能幫助我們解決腳本的引用管理和功能管理,這些都是腳本框架要做的事.

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

jQuery是個(gè)輕量級的"寫的少,做的多"的JavaScript函式庫。

jQuery函式庫包含以下功能:

HTML 元素選取

#HTML 元素操作

CSS 操作

HTML 事件函數(shù)

JavaScript 特效與動(dòng)畫

HTML DOM 遍歷與修改

AJAX

#Utilities


################################################ jQuery有以下特點(diǎn):#########1.提供了強(qiáng)大的功能函數(shù)######使用這些功能函數(shù), 能夠幫助我們快速完成各種功能, 而且會(huì)讓我們的程式碼異常簡潔.######2.解決瀏覽器相容性問題######javascript腳本在不同瀏覽器的兼容性一直是Web開發(fā)人員的噩夢,? 常常一個(gè)頁面在IE7,Firefox下運(yùn)行正常, 在IE6下就出現(xiàn)莫名其妙的問題. 針對不同的瀏覽器編寫不同的腳本是一件痛苦的事情. 有了jQuery我們將從這個(gè)噩夢中醒來, 比如在jQuery中的Event事件對像已經(jīng)被格式化成所有瀏覽器通用的, 從前要根據(jù)event獲取事件觸發(fā)器, 在ie下是event.srcElements 而ff等標(biāo)準(zhǔn)瀏覽器下下是event.target. jQuery則通過統(tǒng)一event對象,讓我們可以在所有瀏覽器中使用event .target取得事件物件.######3.實(shí)現(xiàn)豐富的UI######jQuery可以實(shí)現(xiàn)例如漸變彈出, 圖層移動(dòng)等動(dòng)畫效果, 讓我們獲得更好的使用者體驗(yàn). 單以漸變效果為例, 從前我自己寫了一個(gè)可以兼容ie和ff的漸變動(dòng)畫, 使用大量javascript代碼實(shí)現(xiàn), 費(fèi)心費(fèi)力不說, 寫完後沒有太多幫助過一段時(shí)間就忘記了. 再開發(fā)類似的功能還要再次費(fèi)心費(fèi)力. 如今使用jQuery就可以幫助我們快速完成此類應(yīng)用.###

4.修正錯(cuò)誤的腳本知識

大部分開發(fā)人員對於javascript存在錯(cuò)誤的認(rèn)識. 例如在頁面中編寫載入時(shí)即執(zhí)行的操作DOM的語句, 在HTML元素或document物件上直接例如"onclick"屬性,? 不知道onclick其實(shí)是一個(gè)匿名函數(shù)等等.? 擁有這些錯(cuò)誤腳本知識的技術(shù)人員也能完成所有的開發(fā)工作, 但是這樣的程序是不健壯的."在頁面中編寫加載時(shí)即執(zhí)行的操作DOM的語句", 當(dāng)頁面代碼很小用戶加載很快時(shí)沒有問題, 當(dāng)頁面加載稍慢時(shí)就會(huì)出現(xiàn)瀏覽器"終止操作"的錯(cuò)誤.jQuery提供了很多簡便的方法幫助我們解決這些問題, 一旦使用jQuery你就將糾正這些錯(cuò)誤的知識--因?yàn)槲覀兌际怯脴?biāo)準(zhǔn)的正確的jQuery腳本編寫方法!

為什麼使用jQuery ?

目前網(wǎng)路上有大量開源的 JS 框架, 但是 jQuery 是目前最受歡迎的 JS 框架,而且提供了大量的擴(kuò)充。

很多大公司都在使用jQuery, 例如:

Google

Microsoft

IBM

##Netflix

#您需要具備的基礎(chǔ)知識

在您開始學(xué)習(xí)jQuery 之前,您應(yīng)該對以下知識有基本的了解:

HTML

CSS

JavaScript

如果您需要先學(xué)習(xí)這些科目,請?jiān)谖覀兊?首頁?尋找這些教學(xué)課程。

繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $(".ex .hide").click(function(){ $(this).parents(".ex").hide("slow"); }); }); </script> <style type="text/css"> div.ex { background-color:pink; padding:7px; border:solid 1px black; width:50%; } </style> </head> <body> <div class="ex"> <button class="hide">點(diǎn)我隱藏</button> <p>站點(diǎn)名: php中文網(wǎng)<br> 站點(diǎn) URL:http://ipnx.cn</p> </div> </body> </html>
提交重置程式碼