課件btc jquery01第一章入門

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

目前團隊成員JQuery的歷史

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

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

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

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

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