課件btc jquery01第一章入門

第一章JQuery入門本講目標(biāo)JavaScript框架簡(jiǎn)介JQuery特點(diǎn)開(kāi)發(fā)第一個(gè)JQuery應(yīng)用程序2JavaScript框架簡(jiǎn)介隨著JavaScript、CSS、Ajax等技術(shù)的不斷進(jìn)步，越來(lái)越多的開(kāi)發(fā)者將一個(gè)又一個(gè)豐富多彩的程序功能進(jìn)行封裝，供其他人可以調(diào)用這些封裝好的程序組件（框架）當(dāng)前流行的JavaScript庫(kù)有:3JQuery特點(diǎn)JQuery特點(diǎn)JQuery理念：寫的更少，做得更多（Writeless,Domore）jQuery極大地簡(jiǎn)化了JavaScript編程支持各種主流瀏覽器，包括IE6以上，F(xiàn)ireFox2以上，Safari2以上和Opera9以上的版本。4JQuery特點(diǎn)以強(qiáng)大的CSS選擇器為基礎(chǔ)，幾乎所有的操作都先使用選擇器查找DOM對(duì)象，然后對(duì)其進(jìn)行各種操作。5JQuery特點(diǎn)JQuery特點(diǎn)屏蔽瀏覽器差異，對(duì)DOM的操作提供了方便的擴(kuò)展，易用的事件處理API和動(dòng)畫API。強(qiáng)大的插件機(jī)制。社區(qū)活躍，文檔非常齊全，全部配有示例。學(xué)習(xí)容易，易用性很高。6JQuery特點(diǎn)JQuery歷史創(chuàng)立者：JohnResig

目前團(tuán)隊(duì)成員JQuery的歷史

August22nd,2005firsthintsofaJavaScriptlibrarytouseCSSselectorsJanuary14th,2006jQueryAnnouncedAugust26th,2006FirststableversionofjQueryJanuary14th,2007jQuery1.1releasedSeptember10th,2007jQuery1.2released……………May24th,2013jQuery1.10.released7誰(shuí)在使用JQuery誰(shuí)在使用Jquery

8jQuery的使用下載：提供了最新的jQuery框架下載。共有兩個(gè)版本的jQuery可供下載：一份是精簡(jiǎn)過(guò)的，另一份是未壓縮的（供調(diào)試或閱讀）。通常只需下載最小的jQuery包（Minified）即可。目前最新的版本jquery-1.10.2.js文件只有267KB9jQuery的引用<scriptsrc="jquery-1.10.2.js"></script>將jQuery框架文件導(dǎo)入后，就可以使用jQuery的選擇器和各種函數(shù)功能了。10Jquery庫(kù)的替代Google和Microsoft對(duì)jQuery的支持都很好。如果您不愿意在自己的計(jì)算機(jī)上存放jQuery庫(kù)，那么可以從Google或Microsoft加載CDNjQuery核心文件。使用Google的CDN：使用Microsoft的CDN

1112第一個(gè)jQuery程序<scriptsrc="jquery-1.10.2.js"></script><script>$(document).ready(function(){ alert("HelloWorld!");});</script>引入jQuery等待DOM文檔載入后執(zhí)行類似于window.onload彈出一個(gè)對(duì)話框jQuery開(kāi)發(fā)工具和插件Dreamweaver為了使Dreamweaver支持自動(dòng)提示

需要到下載一個(gè)插件：jQuery_API.mxp（如有需要見(jiàn)：“jquery例子集合”文件夾中jQuery_API.mxp）在DW中選擇“命令”-“擴(kuò)展管理”-“安裝擴(kuò)展”EclipsejQueryWTP插件

下載Spket插件：下載參考資料可參考的資料14總結(jié)JQuery特點(diǎn)JQuery理念：寫的更少，做得更多（Writeless,Domore）jQuery極大地簡(jiǎn)化了JavaScript編程支持各種主流瀏覽器，包括IE6以上，F(xiàn)ireFox2以上，Safari2以上和Opera9以上的版本以強(qiáng)大的CSS選擇器為