jQuery UI教程_20141001

《jQuery UI教程_20141001》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、W3SchooljQueryUI教程来源：www.w3cschool.cc整理：飞龙日期：2014.10.1jQueryUI简介jQueryUI是一个建立在jQueryJavaScript库上的小部件和交互库，您可以使用它创建高度交互的Web应用程序。本教程将向您讲解jQueryUI是如何工作的。jQueryUI特性简单易用继承jQuery简易使用特性，提供高度抽象接口，短期改善网站易用性。开源免费采用MIT&GPL双协议授权，轻松满足自由产品至企业产品各种授权需求。广泛兼容兼容各主流桌面浏览器。包括IE6+、Firefox2+、Safari3+、Opera9+、Chrome1+。轻便快捷

2、组件间相对独立，可按需加载，避免浪费带宽拖慢网页打开速度。标准先进支持WAI-ARIA，通过标准XHTML代码提供渐进增强，保证低端环境可访问性。美观多变提供近20种预设主题，并可自定义多达60项可配置样式规则，提供24种背景纹理选择。开放公开从结构规划到代码编写，全程开放，文档、代码、讨论，人人均可参与。强力支持Google为发布代码提供CDN内容分发网络支持。完整汉化开发包内置包含中文在内的40多种语言包。缺点、不足1.代码不够健壮：缺乏全面的测试用例，部分组件Bugs较多，不能达到企业级产品开发要求。2.构架规划不足：组件间API缺乏协调，缺乏配合使用帮助。3.控件较少：相对于Doj

3、o、YUI、ExtJS等成熟产品，可用控件较少，无法满足复杂界面功能要求。jQueryUI下载一旦您对jQueryUI有了基本了解，您就可以亲自尝试一下。请从jQueryUI网站上的DownloadBuilder（下载生成器）页面下载jQueryUI的副本。创建自定义jQueryUI下载jQueryUI的下载生成器（DownloadBuilder）允许您选择您需要下载的组件，为项目获取一个自定义的库版本。创建自定义jQueryUI下载需要以下三个步骤：步骤1：选择您需要的组件下载生成器（DownloadBuilder）页面的第一栏列出了jQueryUI所有的JavaScript组件分类：核

4、心（UICore）、交互部件（Interactions）、小部件（Widgets）和效果库（Effects）。jQueryUI中的一些组件依赖于其他组件，当选中这些组件时，它所依赖的其他组件也都会自动被选中。您所选的组件将会合并到一个jQueryUIJavaScript文件。步骤2：选择一个主题或者自定义一个主题在下载生成器（DownloadBuilder）页面，您将看到一个文本框，列出了一系列为jQueryUI小部件预先设计的主题。您可以从这些提供的主题中选择一个，也可以使用ThemeRoller自定义一个主题（详见后面章节的讲解）。高级主题设置：下载生成器（DownloadBuilde

5、r）的主题部分也为主题提供了一些高级配置设置。如果您打算在一个页面上使用多个主题，这些字段会派上用场。如果您打算在一个页面上只使用一个主题，那么您完全可以跳过这些设置。步骤3：选择jQueryUI的版本在下载生成器（DownloadBuilder）中，最后一步是选择一个版本号。这个步骤很重要，因为jQueryUI的版本是配合特定的jQuery版本设计的。目前的版本有：jQueryUI1.10.2–要求jQuery1.6及以上版本。jQueryUI1.9.2–要求jQuery1.6及以上版本。点击Download按钮进行下载！点击Download按钮，完成下载。您将得到一个包含您所选组件的自

6、定义zip文件。jQueryUI使用一旦您下载了jQueryUI，您将得到一个zip压缩包，包含下列文件：/css//development-bundle//js/index.html在网页上使用jQueryUI在文本编辑器中打开index.html，您将看到引用了一些外部文件：主题、jQuery和jQueryUI。通常情况下，您需要在页面中引用这三个文件，以便使用jQueryUI的窗体小部件和交互部件：

7、一旦您引用了这些必要的文件，您就能向您的页面添加一些jQuery小部件。比如，要制作一个日期选择器（datepicker）小部件，您需要向页面添加一个文本输入框，然后再调用.datepicker()，如下所示：HTML:JavaS