jQuery (不包括jQuery UI之类的增强及插件) 更多的好象一个基本的工具类,涵盖了DOM操作,Event绑定,基本动画,Ajax封闭,以及大量的工具方式,便利的语法结构。简单的插件机制。

YUI2的时候,似乎也做了同样的事,不过Yahoo的工程师更喜欢“重”的方式,规范的类结构,名字空间,Event, Dom的封闭,然后在这个基础上也进一步集成了许多UI的控件。

到了YUI3的时候,更清楚的底层结构,Sandboxing,让你可以容易的整合其他的Javascript Library。这个时候,YUI倒更象是一个框架而不是函数库(library)。

淘宝的Kissy框架 https://github.com/kissyteam/kissy, 或者WebQQ用到的Jet框架http://code.google.com/p/j-et/ 都或多或少的受YUI3框架结构的启发,弱化,而建立一个供自己使用的更精巧的框架。(有时候自主框架的好处是快速的Fix以及灵活的面对你的项目需求,版本控制)。

所以我的最终的建议是,如果是快速的原型开发,或者小型, UI复杂度底的时候,选择jQuery。如果是需要有自己长期维护的UI较多的多页面的项目,选择 YUI似乎是更好的决定。

举个YUI实际的小例子:
在html中加入<input type="botton" id="readygo" value="测试YUI">
YUI().use('event', function (Y) {
    // Event is available and ready for use. Add implementation
    // code here.
var button = Y.one("#readygo");

// Step 2. Subscribe to its click event with a callback function
button.on("click", function (e) {
console.log(123);

//当点击按钮的时候这里就会打印123
});  
});

jquery和yui的比较相关推荐

  1. jQuery 和 YUI (Yahoo User Interface) 各自的优缺点有哪些?具体的使用场景是怎样的?...

    张经纬,前端工程师 知乎用户.赵勇杰.知乎用户 等人赞同 其实jQuery和YUI的侧重点是不一样的. jQuery专注于DOM的操作,他通过继承的方式给传入的对象增加了新的方法,从而使我们可以通过链 ...

  2. 简述JQuery,Extjs,YUI,Prototype,Dojo等JS框架的区别和应用场景

    随着web2.0的彪悍发展,以及浏览器端所承载的工作越来越大(在不是很影响性能的情况下,开发者都习惯把能用浏览器做的事儿都让浏览器做,以减轻服务器的压力和带宽费用等).所以Javascript已经成为 ...

  3. 封装一个jquery库

    现在Javascript库海量,流行的也多,比如jQuery,YUI等,虽然功能强大,但也是不万能的,功能不可能涉及方方面面,自己写一个的JS库是对这些的补充,很多也比较实用,把应用到项目中中去也比较 ...

  4. body区域怎么传一个数组_自己轻松写一个jQuery库

    jQuery是现在最流行的JavaScript工具库. 据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用jQuery.如果只考察使用工具库的网站,这个比例就会上升到惊人的 ...

  5. jQuery(一)—— jQuery 概述 / jQuery 选择器 / jQuery 样式操作 / jQuery 效果

    原以为 jQuery 不需要学习,但是接触了一些 VUE 框架,发现用到了好多 jQuery 的知识,于是返回来重新学习.本系列笔记大概分为三篇,陆续更新. 参考:W3school -- jQuery ...

  6. jQuery UI框架

    1.jQuery的界面插件Ninja UI Ninja UI,是一款界面插件,使用它将能给你的项目增色不少.此插件包含有幻灯,智能提示等常见的效果. 目前的文档还不是很全,但是官方提供的例子已经很详细 ...

  7. 【前端基础】20.JQuery基本语法

    视频 目录 1.jQuery概述 1.1 JavaScript库 1.2 jQuery的概念 2.jQuery的基本使用 2.1 jQuery的下载 2.2 jQuery的使用步骤 2.3 jQuer ...

  8. jQuery入门jQuery API-1

    1.jQuery 概述 1.1 JavaScript 库 仓库:可以把很多东西放 这个仓库里面.找东西只需要到仓库里面查找到就可以了. JavaScript库:即library ,是一个封装好的特定的 ...

  9. jQuery的介绍与应用

    jQuery已经淘汰了,有兴趣的同学可以瞅瞅,等我整理笔记,到时候发布一些VUE的笔记 一.jQuery概述 1.1.JavaScript库 JavaScript库:即library ,是一个封装好的 ...

最新文章

  1. WebMagic实现分布式抓取以及断点抓取
  2. python 自带的range是不能实现对小数的操作的,如果要对小数操作可以使用numpy...
  3. Flat - Music scores and guitar tabs editor(乐谱编辑器)
  4. ecshop 删除订单时提示“以下订单无法被移除”的解决办法
  5. websocket实现多屏互动_纸笔互动课堂应用场景到底有些什么呢?
  6. 通过纯css实现图片居中的多种实现方式
  7. epoll示例程序——客户端
  8. 【转】网页制作中的CSS+DIV:dl,dt,dd分别表示什么意思啊?请说明啊,谢谢有什么功能?...
  9. win11如何执行干净启动 windows11执行干净启动的设置方法
  10. ubuntu-常用命令汇总
  11. NOI2019游记 —— 夏花般绚烂,繁星般璀璨
  12. BZOJ2118[国家集训队] 墨墨的等式
  13. 部署Elixir项目
  14. 动态视频目标检测和跟踪技术
  15. Linux操作系统之文件系统详解
  16. 前端开发HTML+CSS之盒子模型(四)
  17. 套接字socket--概念和实例
  18. 2021 OpenCV人工智能竞赛优秀项目团队介绍集锦(一)
  19. oracle到kdb迁移,DB2迁移到K-DB最佳实践
  20. ReactiveCocoa实战: 模仿 花瓣,重写 LeanCloud Rest Api的iOS REST Client.

热门文章

  1. 广东省2009届毕业生专场招聘会
  2. 短信平台开发之短信猫资料简介
  3. php+微信小程序 websocket
  4. 苹果天气不显示_今天才知道,简单几步,就能让你的iPhone手机显示锁屏天气
  5. pandas DataFrame.fillna()填充缺失函数的使用
  6. Ubuntu使用魅族手机进行Debug
  7. 利用setInterval实现数秒的当前时间案例
  8. [PC] 解决:无法修改360极速浏览器默认主页的问题
  9. 验房注意事项及细节,小编教你怎么验收
  10. javas函数(三)闭包函数