后使用快捷导航没有帐号？
只需一步，快速开始
查看: 19926|回复: 1
jquery粉丝们，有了easyui，还需要jqueryUI吗？
UID239675在线时间 小时积分13帖子离线17499 天注册时间
新手上路, 积分 13, 距离下一级还需 37 积分
我们使用jquery，同时也把jqueryUI用做我们的UI系统，以便为界面上各种组件统一风格，官方的jqueryUI有强大的主题切换能力，甚至可在线创建新的主题，我们甚至因此不改写jqueryUI的样式表哪怕一句，以免更换主题时不匹配，但是jqueryUI缺少一些重要组件，如grid、时间日期输入等，jqueryUI的不完备加上我们不能动CSS自缚手脚，使我们的系统界面不够好看和易用。我们也按jqueryUI的规则写过几个组件，也使用了jqueryUI的主题，但象grid这种写起来太复杂了。
& & 今天看到了easyui，这套UI系统比jqueryUI完整，基本能够满足应用开发的需要也比较美观，风格接近extJS，官方下载只提供两浅蓝和浅灰两种主题，但对于应用程序来说足够了，需要的话我们也可以自己做主题，我们用jqueryUI的目的就在于它的组件，比我们四处搜罗的风格更统一，那么一旦用了easyui，jqueryUI对我们来说就没有用处了-----
& &&&两套UI相比，jqueryUI强大的换肤能力似乎更适合网站，而easyui更适合应用系统，但我们的经验发现，jqueryUI做网站也不合适，网站首页往往需要多种风格widget才有丰富的效果，而jqueryUI的主题只能使用一套（因为要统一UI组件的风格），这些小widget的风格还需要我们自己做。jqueryUI其实仍然应定位在应用系统，jqueryUI很好，但对应用系统需要的组件太不完备了，真是遗憾！
& &&&您的看法呢？
UID239675在线时间 小时积分13帖子离线17499 天注册时间
新手上路, 积分 13, 距离下一级还需 37 积分
不忍放弃jqueryUI，因为它不仅是一套UI，也是一套widget组件开发框架，这里是一个开发教程：
我有点习惯这样来扩展写新的组件了。
jqueryUI开发组件时，需要引入jquery-core.js、jquery-widget.js等，这两个文件是其它组件的基础，页面中引用组件时，除了引用整个jqueryUI外，也可以单独引用某个功能的，但往往需要引用有继承关系的多个，而easyUI有一个easyloader.js，只需要引用这一个，页面中的组件用到哪个js，它自己会去加载，感觉easyui这种模式更好用些。
Powered byjQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别_西西软件资讯
西西软件园多重安全检测下载网站、值得信赖的软件下载站！
→ jQuery 中 jQuery(function(){})与(function(){})(jQuery) 的区别
类型：编程辅助大小：109KB语言：中文 评分：5.0
Jquery是优秀的Javascrīpt框架。我们现在来讨论下在 Jquery 中两个页面载入后执行的函数。$(document).ready(function(){
// 在这里写你的代码...
});在DOM加载完成时运行的代码可以简写成jQuery(function(){&});&(function($) {})(jQuery)什么意思？(function(){ })(jQuery);其实际上是执行()(para)匿名方法,只不过是传递了jQuery对象。 相当于 function aa($){} aa(jQuery) 是初始化jquery对象的惯用方法.通俗点说就是在页面加载完成后执行你需要的代码. 不过这个东西,有的时候会使页面跳动,很多JQUERY插件都是在加载完成后,才改变样式的,页面会有跳动或闪动的感觉.比如ui.tab这个插件,页面元素一多,全部显示出来了,它才形成TAB,很晕的说 (funtion(){})()；立即执行函数；相当于先申明一个函数，声明完后直接调用；如果参数如：(funtion(str){alert(str)})(&output&))；相当于：funtion OutPutFun(str){alert(str);};OutPutFun(&output&);jQuery(function(){　});用于存放操作DOM对象的代码，执行其中代码时DOM对象已存在。不可用于存放开发插件的代码，因为jQuery对象没有得到传递，外部通过jQuery.method也调用不了其中的方法（函数）。 (function(){　})(jQuery)；用于存放开发插件的代码，执行其中代码时DOM不一定存在，所以直接自动执行DOM操作的代码请小心使用。 --------------------------------------------------------------------------------(function($){...})(jQuery)实际上是匿名函数，不懂得朋友可以继续往下看。 这里实际上是匿名函数 function(arg){...} 这就定义了一个匿名函数，参数为arg 而调用函数时，是在函数后面写上括号和实参的，由于操作符的优先级，函数本身也需要用括号，即： (function(arg){...})(param) 这就相当于定义了一个参数为arg的匿名函数，并且将param作为参数来调用这个匿名函数 而(function($){...})(jQuery)则是一样的，之所以只在形参使用$，是为了不与其他库冲突，所以实参用jQuery var fn = function($){....}; fn(jQuery);是初始化jquery对象的惯用方法..通俗点说就是在页面加载完成后执行你需要的代码. 不过这个东西,有的时候会使页面跳动, (funtion(){})()；立即执行函数；相当于先申明一个函数，声明完后直接调用；如果参数如：(funtion(str){alert(str)})(&output&))；相当于：funtion OutPutFun(str){alert(str);};OutPutFun(&output&);
(73) 我们做网页的时候最难找的就是编辑器,网上找一个吧,要不是图片上传错误,就是到处都是错误,垃圾太多.大家都需要一个简单,速度快的.西西为您提供最好用的编辑器一站式下载编辑器定义编辑器指的是一类编辑制作工具，可自定义窗囗，编辑主题索引，可选择添搜索页，无任何不自由。编辑器哪个好用小编个人比较喜欢使用和，这两款编辑器软件都有不错的表现。至于编辑器哪个好用，这就要根据你的个人需求去选择对应的编辑器啦...
06-29 / 19.5M
推荐理由：ultraEdit 32 破解版 简体中文 内有安装说明，完全免费，无试用期的。该软件功能强大，能打开各种格式的文件
11-10 / 4.7M
推荐理由：python编辑器，代码补全、参数提示补全工具，这个工具其实非常重要，可以大大提高开发效率，减少出错。很满
02-20 / 8.5M
推荐理由：快手aauto是由一鹤软件耗时四年开发新一代编程语言。完美支持静态类型、动态类型，完美支持com、dllapi、re
03-31 / 37.9M
推荐理由：UltraEdit是最强大的一款超值文本编辑器！ultraedit64位破解版，适用于Windows64位系统使用，此版为绿色破解
11-19 / 279.7M
推荐理由：AdobeDreamweaverCS6是AdobeCreativeSuite6系列中的HTML编辑器和网页设计软件，是最优秀的可视化网页设计工
05-15 / 436.8M
推荐理由：Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Li
(14) 新版本使用了自适应网格版面创建页面，在发布前使用多屏幕预览审阅设计,可大大提高工作效率。改善的性能，更高效地传输大型文件。实时视图和多屏幕预览面板可呈现代码，更能够检查自己的工作。曾经风靡一时的网页三剑客成员之一是目前应用最广的网页制作软件，原本是由公司所开发的著名网站开发工具，随被收购后，改名为。它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，以及在之后推出的针对专业网页图像设计的，三者...
11-19 / 279.7M
推荐理由：AdobeDreamweaverCS6是AdobeCreativeSuite6系列中的HTML编辑器和网页设计软件，是最优秀的可视化网页设计工
07-05 / 834KB
推荐理由：Adobe Dreamweaver CC 13.0 build 6390多语言正式版的破解补丁，破解后程序不再提示剩余天数与激活注册。关
06-22 / 5.7M
推荐理由：安装了该扩展后再也不用担心不记得难记的css3样式代码了！刚装 Dreamweaver CS5 的时候，发现新建文档的时
01-08 / 2.7M
推荐理由：西西小编整理的一些比较常用的Dreamweaver插件，希望能对大家有所帮助！persistent_layers 不管滚动条如何拉
04-11 / 84.5M
推荐理由：使用业界领先的Web 创作工具之一构建世界级的网站和应用程序。Adobe® Dreamweaver® CS4 软件是 W
07-31 / 109KB
推荐理由：1.2.0版本插件在1.0.0插件基础上进一步修改，版权信息仅保留致谢信息，删除作者为了代码整体提示美观度，故
10-2009-2909-1909-0408-1703-1603-1003-0102-2102-01
阅读本文后您有什么感想? 已有23人给出评价!
名称大小下载1、& jQuery plugin
(function($){
$.fn.MyPlugin=function(){
& //js代码
})(jQuery)
&&&&&& 为了与页面上其他代码友好相处,将plugin定义在一个闭包里，MyPlugin是plugin的名字。调用方式:$(&选择器&).MyPlugin();
2、& jquery ui widget
(function($){
& $.widget(&ui.mywidget&,{
& //默认的配置参数
//方法的定义
})(jQurry)
同样定义在一个闭包里。Mywidget 为这个widget的名字。调用方式:$(&选择器&).mywidget();
上述代码只是简单概述，具体实现jQuery官方文档讲得很详细。
二、实现原理
创建一个jQuery plugin其实是创建了一个jQuery对象（在这里我把通过$(&选择器&)的返回值叫做jQuery对象）的方法。看下$()和$.fn 是什么就明白了。
通过$.widget 这个Widget Factory 函数创建的一个widget，本质上是通过创建一个类即一个构造函数实现的。
看下 widget 工厂函数的调用，方法：$.widget(name,[,base],prototype)。
name:要创建的widget的名字，包扩命名空间。如：ui.mywidget。
base：为一个父类。新创建的类将继承他的方法。默认为：$.Widget。
Prototype:作为创建的类即构造函数的prototype属性值。
再看下widget的调用。
& &实例化：通过$(&选择器&).mywidget()，实例化相应的类，并通过$.data()将实例化后得到的对象存储在对应的$(&选择器&)中。源码：$.data( this, fullName, new object( options, this ) );
&&对象操作: $(&选择器&).mywidget(方法名，方法的参数); 调用存储在$(&选择器&)对应对象的方法。注意在对对象操作前必须实例化，否则会报错。
阅读(...) 评论()jQuery 和jqueryui的区别_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
jQuery 和jqueryui的区别
我有更好的答案
又有华丽的前台，设计的插件，而jQuery UI则补充了前者的不足。jQuery UI是jQuery插件，只不过专指由jQuery官方维护的UI方向的插件。既有强大的后台。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。 　　(3) jQuery本身注重于后台，使人更容易接受，没有漂亮的界面，他提供了华丽的展示界面jQuery UI 与 jquery 的主要区别是： 　　(1) jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 　　(2) jQuery UI则是在jQuery的基础上，利用jQuery的扩展性
【0元入学，两周免费试听】
主营：培训【Java大数据，HTML5，VR，安卓】
为您推荐：
其他类似问题
jquery的相关知识
换一换
回答问题，赢新手礼包