`
dearkerwin
  • 浏览: 7937 次
社区版块
存档分类
最新评论

jquery ui (一)简介

阅读更多

一、简介

jQuery UI 是 jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题.

我们可以用它轻松的构建高度交互的Web应用程序.

二、官方首页:

http://jqueryui.com/home

三、文档、示例、皮肤下载:

http://jqueryui.com/themeroller/

打开页面后你可以选择左边框ThemeRoller中的Gallery,然后选择一个你喜欢的样式,再点击其下的download链接,即可下载包含你所选择的样式的示例和文档了,因为它们都是放在一个压缩包里的。
记得将下载后的压缩包解压后将目录下的js文件夹和css文件夹都拷贝到你的测试网站或项目的根目录下。
(个人觉得可以采用这里面的整和好的CSS,至于JS文件,我建议还成采用未整合的,这样可以更好的控制加载那些js,以防多余)

四、具体用法文章

1、jquery ui(一)简介
2、jquery ui(二)拖拽 draggable和droppable
3、jquery ui(三)弹出窗口 dialog
4、jquery ui(四)进度条 progressbar
5、jquery ui(五)日期选择器 datepicker

分享到:
评论

相关推荐

    jquery ui messager 消息框

    jQuery UI Messager是一款基于jQuery和jQuery UI库的插件,用于在Web应用程序中创建美观、功能丰富的消息框。它提供了一种优雅的方式来显示各种类型的通知,如警告、错误、信息和成功消息,增强了用户交互体验。这个...

    JQuery UI 中文帮助文档

    jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件,使得开发者能够轻松创建交互性强、视觉效果美观的网页应用。这个中文帮助文档是针对jQuery UI的详细指南,旨在帮助开发者更好地...

    bootstrap&jQueryUI例子

    1. 解压文件:首先,你需要解压 "bootstrap&jQueryUI demo" 压缩包,这通常会产生一个包含 HTML、CSS 和 JavaScript 文件的文件夹。 2. 查看源码:打开包含的 HTML 文件,查看如何引入 Bootstrap 和 jQuery UI 的 ...

    jQuery UI组件 jQuery UI

    jQuery UI 是一个强大的前端开发框架,基于流行的JavaScript库jQuery构建,它提供了丰富的用户界面组件,能够帮助开发者快速构建交互性、视觉吸引力强的网页应用。jQuery UI 包含了大量的预设样式和功能,这些组件...

    jquery-ui.css、jquery-ui.js下载

    jQuery UI是基于JavaScript库jQuery的一个扩展,它提供了一系列丰富的用户界面组件,包括但不限于对话框(Dialogs)、日期选择器(Datepickers)、拖放功能(Drag and Drop)、排序功能(Sortable)以及各种可自定义...

    jquery ui & themes

    在Web开发领域,jQuery UI是一个强大且广泛使用的JavaScript库,它基于jQuery核心库,提供了丰富的用户界面组件和交互效果。jQuery UI的主要目标是简化前端开发,通过提供一系列可定制的UI元素,使得开发者能够快速...

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称:jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介:《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库,从...

    jQueryUI MetroUI WindowUI 主题

    本文将深入探讨“jQueryUI MetroUI WindowUI”主题,这是一个受到Windows 8 Metro UI设计启发的jQuery UI主题,旨在为网页带来现代、简洁的视觉体验。 首先,我们要理解jQuery UI的基础。jQuery UI是一个基于jQuery...

    jQueryUI参考手册中文CHM版

    资源名称:jQuery UI参考手册 中文CHM版内容简介:jQuery UI是一个建立在jQuery Javascript 库上的小部件和交互库,您可以使用它创建高度交互的Web应用程序。本教程将向您讲解 jQuery UI 是如何工作的。本文给...

    jQueryUI jQueryUI插件 键盘插件

    jQueryUI 是一个强大的JavaScript库,它扩展了流行的jQuery框架,为开发者提供了丰富的用户界面组件。在Web开发中,jQueryUI提供了诸如对话框、拖放、排序、日期选择器等多种交互式元素,极大地提升了用户体验。而...

    JQueryUI,EasyUI一些控件的使用

    JQueryUI是基于jQuery的开源库,它提供了一系列丰富的交互式用户界面组件。这些组件包括但不限于对话框(Dialog)、拖放(Draggable)、可排序(Sortable)和可堆叠(Resizable)元素,以及日期选择器(Datepicker)...

    jQuery UI Multiselect (jQuery UI 多选框)

    **jQuery UI Multiselect** 是一个基于 **jQuery UI** 框架的插件,它针对HTML的`<select>`元素提供了增强的多选功能。这个控件设计得更加直观且用户友好,使得用户在网页应用中进行多选操作时能有更佳的体验。它...

    一套比较好的jquery UI

    jQuery UI 是一个基于 jQuery JavaScript 库的扩展,提供了丰富的用户界面组件,能够帮助开发者快速创建出美观且功能强大的网页应用。它集成了各种用户界面元素,如对话框、滑块、按钮、日历、拖放功能等,大大简化...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    在lwme-jqueryui-demo这个压缩包中,可能包含了多个示例文件,它们展示了Autocomplete的不同用法和配置,可以帮助开发者更好地理解和运用这个组件。通过学习这些示例,你可以掌握如何根据项目需求灵活定制...

    JQuery UI包括(1.0.5、1.2、1.3、1.7、1.8、1.9)等版本另附文档

    2.jQuery and jQuery UI Reference 1.2 API.zip; 3.jQuery UI 1.9带给我们的惊喜.zip; 4.jQuery.ui.docs.rar; 5.jquery-easyui-1.0.5.zip; 6.jquery-easyui-1.2.ZIP; 7.jQuery-easyui-docs.rar; 8.jquery-ui-...

    ,jqueryui jquery ui包 效果不错,只是为了自己保存

    **jQuery UI:一个强大的前端开发工具包** jQuery UI是一个基于jQuery JavaScript库的扩展,它提供了一整套可交互的用户界面组件,包括对话框、拖放功能、日期选择器、进度条、排序列表等。这个名为"jquery-ui-...

    jQuery UI Datepicker插件timepicker时分秒

    在Web开发中,日期和时间的选择常常是一项必不可少的功能,jQuery UI Datepicker插件是一个非常流行的选择工具,它为用户提供了直观、易于使用的日期选择界面。然而,Datepicker默认只支持日期选择,不包含时间选择...

    jquery-ui-1.12.1.custom_jqueryui_

    在标题"jquery-ui-1.12.1.custom_jqueryui_"中,"custom"一词暗示了这是一个自定义版本,意味着开发者可能根据需求选择了特定的组件和主题,以优化项目中的性能和功能。 描述中的"jquery ui 1.12.1 for html"进一步...

    jQuery UI以及jQuery easy-ui技术手册

    - **API文档**:`jQuery_jQueryUI.chm`文件是jQuery UI的API参考,详尽地列出了每个组件的方法、属性和事件,是开发过程中不可或缺的参考资料。 **jQuery Easy-UI技术手册** jQuery Easy-UI 是基于jQuery和jQuery ...

    jquery-ui+jquery-ui-rails

    当我们将jQuery UI引入Rails项目时,通常会使用`jquery-ui-rails` gem,这是一个将jQuery UI与Rails集成的便捷工具。在这个案例中,我们看到`jquery-ui-rails-4.2.1.gem`,这是该gem的一个特定版本。这个gem负责将...

Global site tag (gtag.js) - Google Analytics