資源描述：
《jQuery UI教程_20141001》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫(kù)。
1、W3SchooljQueryUI教程來(lái)源：www.w3cschool.cc整理：飛龍日期：2014.10.1jQueryUI簡(jiǎn)介jQueryUI是一個(gè)建立在jQueryJavaScript庫(kù)上的小部件和交互庫(kù)，您可以使用它創(chuàng)建高度交互的Web應(yīng)用程序。本教程將向您講解jQueryUI是如何工作的。jQueryUI特性簡(jiǎn)單易用繼承jQuery簡(jiǎn)易使用特性，提供高度抽象接口，短期改善網(wǎng)站易用性。開(kāi)源免費(fèi)采用MIT&GPL雙協(xié)議授權(quán)，輕松滿足自由產(chǎn)品至企業(yè)產(chǎn)品各種授權(quán)需求。廣泛兼容兼容各主流桌面瀏覽器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。輕便快捷
2、組件間相對(duì)獨(dú)立，可按需加載，避免浪費(fèi)帶寬拖慢網(wǎng)頁(yè)打開(kāi)速度。標(biāo)準(zhǔn)先進(jìn)支持WAI-ARIA，通過(guò)標(biāo)準(zhǔn)XHTML代碼提供漸進(jìn)增強(qiáng)，保證低端環(huán)境可訪問(wèn)性。美觀多變提供近20種預(yù)設(shè)主題，并可自定義多達(dá)60項(xiàng)可配置樣式規(guī)則，提供24種背景紋理選擇。開(kāi)放公開(kāi)從結(jié)構(gòu)規(guī)劃到代碼編寫，全程開(kāi)放，文檔、代碼、討論，人人均可參與。強(qiáng)力支持Google為發(fā)布代碼提供CDN內(nèi)容分發(fā)網(wǎng)絡(luò)支持。完整漢化開(kāi)發(fā)包內(nèi)置包含中文在內(nèi)的40多種語(yǔ)言包。缺點(diǎn)、不足1.代碼不夠健壯：缺乏全面的測(cè)試用例，部分組件Bugs較多，不能達(dá)到企業(yè)級(jí)產(chǎn)品開(kāi)發(fā)要求。2.構(gòu)架規(guī)劃不足：組件間API缺乏協(xié)調(diào)，缺乏配合使用幫助。3.控件較少：相對(duì)于Doj
3、o、YUI、ExtJS等成熟產(chǎn)品，可用控件較少，無(wú)法滿足復(fù)雜界面功能要求。jQueryUI下載一旦您對(duì)jQueryUI有了基本了解，您就可以親自嘗試一下。請(qǐng)從jQueryUI網(wǎng)站上的DownloadBuilder（下載生成器）頁(yè)面下載jQueryUI的副本。創(chuàng)建自定義jQueryUI下載jQueryUI的下載生成器（DownloadBuilder）允許您選擇您需要下載的組件，為項(xiàng)目獲取一個(gè)自定義的庫(kù)版本。創(chuàng)建自定義jQueryUI下載需要以下三個(gè)步驟：步驟1：選擇您需要的組件下載生成器（DownloadBuilder）頁(yè)面的第一欄列出了jQueryUI所有的JavaScript組件分類：核
4、心（UICore）、交互部件（Interactions）、小部件（Widgets）和效果庫(kù)（Effects）。jQueryUI中的一些組件依賴于其他組件，當(dāng)選中這些組件時(shí)，它所依賴的其他組件也都會(huì)自動(dòng)被選中。您所選的組件將會(huì)合并到一個(gè)jQueryUIJavaScript文件。步驟2：選擇一個(gè)主題或者自定義一個(gè)主題在下載生成器（DownloadBuilder）頁(yè)面，您將看到一個(gè)文本框，列出了一系列為jQueryUI小部件預(yù)先設(shè)計(jì)的主題。您可以從這些提供的主題中選擇一個(gè)，也可以使用ThemeRoller自定義一個(gè)主題（詳見(jiàn)后面章節(jié)的講解）。高級(jí)主題設(shè)置：下載生成器（DownloadBuilde
5、r）的主題部分也為主題提供了一些高級(jí)配置設(shè)置。如果您打算在一個(gè)頁(yè)面上使用多個(gè)主題，這些字段會(huì)派上用場(chǎng)。如果您打算在一個(gè)頁(yè)面上只使用一個(gè)主題，那么您完全可以跳過(guò)這些設(shè)置。步驟3：選擇jQueryUI的版本在下載生成器（DownloadBuilder）中，最后一步是選擇一個(gè)版本號(hào)。這個(gè)步驟很重要，因?yàn)閖QueryUI的版本是配合特定的jQuery版本設(shè)計(jì)的。目前的版本有：jQueryUI1.10.2–要求jQuery1.6及以上版本。jQueryUI1.9.2–要求jQuery1.6及以上版本。點(diǎn)擊Download按鈕進(jìn)行下載！點(diǎn)擊Download按鈕，完成下載。您將得到一個(gè)包含您所選組件的自
6、定義zip文件。jQueryUI使用一旦您下載了jQueryUI，您將得到一個(gè)zip壓縮包，包含下列文件：/css//development-bundle//js/index.html在網(wǎng)頁(yè)上使用jQueryUI在文本編輯器中打開(kāi)index.html，您將看到引用了一些外部文件：主題、jQuery和jQueryUI。通常情況下，您需要在頁(yè)面中引用這三個(gè)文件，以便使用jQueryUI的窗體小部件和交互部件：
7、一旦您引用了這些必要的文件，您就能向您的頁(yè)面添加一些jQuery小部件。比如，要制作一個(gè)日期選擇器（datepicker）小部件，您需要向頁(yè)面添加一個(gè)文本輸入框，然后再調(diào)用.datepicker()，如下所示：HTML:JavaS
