`
sunzhen930
  • 浏览: 35676 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

jQuery UI插件对比

阅读更多
    昨天的博文中简单的整理了一下 jQuery 的 UI 插件,在这里我将对这几款插件的优缺点及适用范围进行一下简单的说明,希望通过交流我们可以共同的进步,有不足的地方请大家予以指正但不要吐槽。

    1.jQuery UI

    这个是 jQuery 官方的 UI 插件,兼容性好,更新速度快,永远能够跟上 jQuery 的更新速度,主要的功能有,动作类:拖拽、拖放、调整大小、选择、排序;组件类:风琴、自动完成、按钮、日期、对话框、菜单、进度条、滑块、微调、标签页、提示;辅助功能:样式的添加、移除、切换,组件(尤其是对话框的)展示与隐藏,颜色与动画效果的实现。也就是说这个UI库今本上满足了我们常见网站的应用范围,只要不是需要大量使用表格对数据展示和操作的网站(如网站后台)用这个 UI 库都可以轻松完成。

    2.Smart UI

    一个仿 jQuery UI 和 jQuery EasyUI 编写的UI库,拥有基础表单控件、列表控件、菜单控件、数据树控件、对话框控件等主要的控件分类,这个 UI 库的亮点主要在于有一个 .NET 的后台数据框架,其开发的主要目的也是用来替代 aspx 文件,虽然使用的是 JSON 格式进行数据传输保证了它可以与任何语言开发的后台协同工作,但与 .NET 协作还是它最擅长的方向,国产软件的API文档也是英文不好的初学者比较喜欢的,只是从 2010 年开始更新就停止了,2012.3作者发博文称正在构思 Smart UI 2.0,从那之后作者再次销声匿迹。

    3.EasyUI

    EasyUI 的定位是简单的开发 Web 前端,拥有一个完整的界面框架,风格略显老套但关键在于容易上手和简单有效,兼容性问题是所有 Web 前端开发的硬伤,对于 EasyUI 也同样如此,在测试的过程中发现有些时候,EasyUI 的弹出性组件的弹出位置可能会出现不正常的位移。EasyUI 不是企业级的,他仅仅是一个 UI 还是简单版的,就不要使用它来进行数据处理了,也不要要求太高。

    4.Chico UI

    Chico UI 主要是一个和 jQuery UI 类似的工具库,其优势在于默认效果比较漂亮、大气,适用范围与 jQuery UI 类似,其亮点在于拥有一个支持网页布局和表格数据的CSS框架。

    5.jQuery Tools

    一个网站常用组件的工具集,功能不多但很精致,风格也比较漂亮,亮点是在 jQuery Tools 中集成了 Flash 播放器以及文件的小巧。如果您的项目中仅仅需要标签面板、提示、表单、滚动播放、对话框、Flash播放等功能强烈推荐使用这个 UI 框架,另外在下载时我们可以根据需要进行下载,使我们的可以更加灵活的选择我们需要的功能和效果。

    6.Ninja UI
  
    我对这个的了解基本为0,忍者UI看名字就让我失去了了解的欲望,既然我还有的选我当然不会选这个,只是听说风格不错IE兼容性略差。

    7.LigerUI
   
    速度快、风格统一,但其风格让人有点无语,整套框架的技术含量很高,但BUG的数量也很高,更新速度也是差强人意。近一年左右没有更新和BUG的修复,导致开发者望而却步。

    8.DWZ富客户端框架-JUI

    国产软件,文档齐备,风格也还可以接受。制作管理类网站比较适合。
分享到:
评论

相关推荐

    Jquery UI Draggable中文API及使用

    通过以上介绍,我们可以看到 Jquery UI Draggable 插件的强大功能。它不仅提供了基本的拖动能力,还允许开发者通过各种参数和事件来定制更复杂的交互行为。无论是开发网页应用还是桌面应用,掌握 Jquery UI ...

    jquery-ui-1.8.custom.zip和大量的demo案例

    jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它提供了多种交互式的组件和美化效果,如日期选择器、对话框、滑块、排序等。在“jquery-ui-1.8.custom.zip”这个压缩包中,我们不仅获得了 jQuery ...

    jQuery界面布局插件【UI.Layout】1.2.0 和 1.3.0

    **jQuery UI Layout 插件详解** jQuery UI Layout 是一个强大的前端布局工具,它允许开发者创建复杂的、响应式的页面布局。这个插件通过简单的配置就能实现多面板、分隔的界面,使得网页内容能够灵活地组织和调整。...

    jquery弹出框插件jquery.ui.dialog用法分析

    6. **与其他弹出框插件对比** 相较于其他弹出框插件(如thinkbox),jQuery UI Dialog具有更高的灵活性。例如,thinkbox通常在`$.ready`中初始化,限制了弹出时机的多样性,而Dialog的API允许动态创建和控制对话框...

    JQuery文档插件资料

    - **jQuery UI**: 提供各种用户界面组件,如拖放、排序、日期选择器等。 - **jQuery Validation Plugin**: 强大的表单验证插件,可自定义规则和消息。 - **ScrollTo**: 平滑滚动到页面指定位置,常用于导航链接或...

    50个最好的JQuery插件大全

    3. **弹出窗口插件**:如jQuery UI的Dialog或Bootstrap的Modal,用于创建模态对话框,显示警告、确认信息或内容丰富的窗口。 4. **无限滚动插件**:如Infinite Scroll或jQuery Lazy,实现页面内容的自动加载,提高...

    多年收集的 JavaScript、jQuery 插件、UI 集合,第二部分

    对于经验丰富的开发者,重温这些经典插件和UI设计可以唤起过去的学习记忆,同时也能对比新旧技术的发展,理解前端领域的变迁。 总之,这个压缩包是前端学习和开发的一个宝贵资料库,无论你是新手还是资深开发者,都...

    testTooltip:测试jquery ui tooltip和bootstrap tooltip

    对比jQuery UI和Bootstrap的Tooltip,我们可以发现两者各有特点。jQuery UI的Tooltip更注重可定制性,适合那些需要深度自定义设计的场景;而Bootstrap的Tooltip则以简洁和易用著称,适用于快速开发和维护的项目。 ...

    jquery.yellowFade:类似于黄色jQuery UI的黄色淡入淡出动画的jQuery插件

    3. **黄色主题**: `yellowFade`特指该插件采用的特定颜色风格,即黄色调,使得动画效果具有辨识度,与jQuery UI的其他颜色主题形成对比。 ### 二、使用步骤 1. **引入jQuery库**: 首先确保你的页面已经包含了...

    jQuery插件的开发流程

    ### jQuery插件开发流程详解 #### 一、前言 随着Web前端技术的不断发展与进步,jQuery因其简单易用的特点而被广泛应用于Web项目中。它不仅提供了丰富的API供开发者调用,还允许用户根据需求扩展功能,即开发jQuery...

    自创的投票结果数据对比条形图的JQUERY插件

    花生米AJAX-UI系列之:基于JQUERY的投票结果对比条形图0.1版 特点: 可以对投票框的标题,每个投票项的名字,数据的单位,是否显示百分率等进行定义; 是否使用radio,checkbox等INPUT控件,也可自定义; 每项投票...

    jquery图片差异对比插件coveringBad.js下载地址特效代码

    标题 "jquery图片差异对比插件coveringBad.js下载地址特效代码" 涉及到的是一个基于jQuery的图片差异对比插件。这个插件主要用于比较两张图片之间的差异,它可能常用于网页开发中的测试或者视觉效果展示。jQuery是一...

    jquery grid demo

    `jQuery Grid` 是一个强大的数据网格插件,它允许开发者在网页上展示和操作结构化的数据。本演示集中了 `jQuery Flexigrid` 和 `DatePicker` 的应用,旨在展示如何结合这两个组件来创建功能丰富的用户界面。 ### ...

    Jquery 省市县三级联动插件(三种总有一款适合你)

    "jdxz"可能代表“地区选择”的拼音缩写,这个插件可能是一个定制化的解决方案,针对特定的UI设计或性能需求。它可能提供更灵活的配置项,如自定义模板、动画效果等。同样,这个插件也会提供一套完整的API,允许...

    基于json数据的动态jquery轮播图插件

    本教程将深入探讨一款基于JSON数据的动态jQuery轮播图插件,它模仿了Facebook的轮播图UI,提供了美观的多卡片轮播效果。 首先,我们要理解jQuery库的核心作用。jQuery是一个高效、简洁、功能丰富的JavaScript库,...

    jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】

    同时,列出了需要引入的jQuery相关文件,包括核心库jQuery、jQuery UI以及插件本身的文件。 通过具体的脚本代码,可以看到如何调用beforeAfter插件,并设置相关参数。参数包括: - imagePath:设置导航图片的路径...

    jQuery 插件开发详解.docx

    1. **明确目标**:在开发插件前,首先要明确插件的目标和功能,比如本例中的Slider,它的目的是提供一种用户可以通过拖动来改变已完成部分(completed bar)位置的UI组件。 2. **设计草图**:在编码之前,设计草图...

    比较 jquery前端框架easyUI和ligerUI

    ### 比较 jQuery 前端框架 EasyUI 和 LigerUI #### 一、概述 随着 Web 技术的不断发展,用户对于网页交互性的需求日益增加,这推动了前端框架的发展。jQuery 是一个快速、简洁的 JavaScript 库,极大地简化了 ...

    jQueryUI中的datepicker使用方法详解

    之前做的一个排班考勤系统,跟时间打交道较多,对时间控件做过一些对比,觉得jqueryUI里的这个datepicker更为实用,下面抽点时间给大家整理,方便以后查阅,同时也希望能帮助到大家! 1,引入js,css <link ...

    Jquery自动提示插件(类似Google与Baidu)

    jQuery Autocomplete是jQuery UI库中的一个组件,它提供了动态下拉列表的功能,可以根据用户在输入框中输入的内容,实时展示匹配的建议选项。该插件的实现主要基于以下核心功能: 1. **数据源**:Autocomplete插件...

Global site tag (gtag.js) - Google Analytics