jquery和jquery ui有什么区别

绝地灬酷狼 2024-03-16 14:08 9阅读 0赞

## jquery和jquery ui有什么区别 ##

### jquery和jquery ui有什么区别 ###

*  jQuery UI 与 jquery 的主要区别是：
 *  ![jquery和jquery ui有什么区别\_jquery ui是什么][jquery_jquery ui_jquery ui]
 *  (1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。
 *  (2) jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。
 *  (3) jquery和jquery ui有什么区别\_jquery ui是什么，jQuery本身注重于后台，没有漂亮的界面，而jQuery UI则补充了前者的不足，他提供了华丽的展示界面，使人更容易接受。既有强大的后台，又有华丽的前台。jQuery UI是jQuery插件，只不过专指由jQuery官方维护的UI方向的插件。

### jquery ui是什么 ###

*  jQuery UI是以jQuery为基础的开源Java锝擄絻锝掞綁锝愶綌网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。
 *  ![jquery和jquery ui有什么区别\_jquery ui是什么][jquery_jquery ui_jquery ui 1]
 *  我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。jQuery UI包含了许多维持状态的小部件(Widget)，因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式，所以，只要您学会使用其中一个，您就知道如何使用其他的小部件(Widget)

### jquery ui有什么功能 ###

*  jQuery UI 主要分为3个部分：交互、微件和效果库。
 *  交互交互部件是一些与鼠标交互相关的内容，包括Draggable,Droppable,Resizable,Selectable和Sortable等。
 *  微件主要是一些界面的扩展，包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等，新版本的UI将包含更多的微件。
 *  效果库用于提供丰富的动画效果，让动画不再局限于jQuery的animate()方法。

### jquery ui框架 ###

*  jQuery UI框架开源软件：
 *  **国产jQuery UI框架 (jUI) DWZ**
 *  DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本。 欢迎大家提出建议，我们将在下一版本中进一步调整和完善功能.共同推进国内整体ajax开发水平。
 *  **jQuery的界面插件 Ninja UI**
 *  jQuery 是一个非常出色的 Java锝擄絻锝掞綁锝愶綌 框架，而且还有相当多的插件。其中的一些UI插件也相当的给力，比如 Ninja UI，是一款界面插件，使用它将能给你的项目增色不少。此插件包含有幻灯，智能提示等常见的效果。
 *  **jQuery的UI框架 Chico UI**
 *  和 jQuery UI 一样，Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等诸多逐渐，同时还提供一个 CSS 布局框架，用于实现网页布局和表格。
 *  **jQuery的UI框架 Liger UI**
 *  LigerUI是基于jQuery开发的一系列控件组，包括表单、布局、表格等等常用UI控件 使用LigerUI可以快速创建风格统一的界面效果。

### easyui与jqueryui区别 ###

*  jquery ui 是jquery开发团队 开发，适用于网站式的页面。
 *  jquery easyui 是第三方基于jquery开发，适用于应用程序式的页面。
 *  两者的方法调用也略有不同：
 *  jquery ui 是：
 *  $(“\#divTabs”).tabs(“remove” , index);
 *  jquery easyui 是：
 *  $(“\#divTabs”).tabs(“close” , title);
 *  类似的区别还有一些，只有具体使用后才会注意，基本思路差不多。

[jquery_jquery ui_jquery ui]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/2d65e9ef278d43f2942d6ec5f77364b8.png
[jquery_jquery ui_jquery ui 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/16/975d66193174468f978a7cb169913d77.png