来源: http://www.webdesignerdepot.com/2010/02/comics-of-the-week-12/ ]]> http://www.uxd2.com/2010/02/%e6%bc%ab%e7%94%bb-%e8%ae%be%e8%ae%a1%e5%b8%88%e4%b8%8e%e7%a8%8b%e5%ba%8f%e5%91%98%e4%b8%8d%e5%8f%af%e8%b0%83%e5%92%8c%e7%9a%84%e7%9f%9b%e7%9b%be/feed/ 2 http://www.uxd2.com/2010/02/%e6%96%b0%e6%bd%ae%e6%b5%81-%e8%a1%a8%e6%a0%bc%e5%8f%98%e5%a1%ab%e7%a9%ba-%e4%b8%8e%e5%86%b7%e5%86%b0%e5%86%b0%e7%9a%84%e7%bd%91%e9%a1%b5%e5%af%b9%e8%af%9d/ http://www.uxd2.com/2010/02/%e6%96%b0%e6%bd%ae%e6%b5%81-%e8%a1%a8%e6%a0%bc%e5%8f%98%e5%a1%ab%e7%a9%ba-%e4%b8%8e%e5%86%b7%e5%86%b0%e5%86%b0%e7%9a%84%e7%bd%91%e9%a1%b5%e5%af%b9%e8%af%9d/#comments Thu, 25 Feb 2010 18:13:49 +0000 coolnalu http://www.uxd2.com/?p=204 还记得英语考试里的填空题吧? 在考场以外，貌似填空这种模式比整齐划一的表格更让人感到亲切。

今天@lukewdesign在网站上发表了一篇短文，解释了一下填空模式表格的实验，初步发现转化率提高了25-40%，可以说是非常显著。

看了图就明白了，这个界面是与汽车经纪联系，询问汽车记录的页面。比较左面与右面的两幅图，我似乎能感觉到左面的图是冷的，右面的图是热的。

细节比较

语气变化

指示性的”联系这个经销商”，被换作第一人称“我感兴趣”。同时也避免了“经销商”这个往往给人虚伪感觉的词。

人形图标

虽然可能这个人形图标看起来不显眼，但是让人不经意间感受到似乎是在与一个人交互。注意两幅图里经销商的名字不一样，电话也不同。这是实验的设计，在不同的经销商的页面使用不同的界面，以方便比较。

主体嵌入

问答式的表格变成了一个短信的一部分，似乎让人感受不到在给出私人信息，而只是填充必要的联络方式。因而让人感觉更亲切。此外，“必填”的字样似乎也不再需要了。

一个谢谢送温暖

不过我有点搞不清楚这个是作为短信的一部分表示用户谢谢还是网页谢谢用户。

我觉得这个必将成为潮流，你觉得有什么启发么？

来源: http://www.lukew.com/ff/entry.asp?1007, Luke Wroblewski (@Lukewdesign) 是Yahoo!当前的首席设计架构师。

转载请务必注明原作者署名: Brad Colbow

什么是具有影响力(influential)? 首先我想说，并不是名气大就有影响力。名气大的人或机构往往只是一个媒介，来传播思想领袖的观点，并不一定是自己提出的思想，可以说是“被影响”的群体。我认为，能被称为有影响力的人，一要坚定不移的向世人推广自己的观点，二要以各种方式和途径将设想变成现实。这不是一件容易的事。当你在风口浪尖或者是时代的尖端的时候，你会发现身边并没有什么帮手或是朋友，你遇到的大多数都是质疑，这种压力并不是任何人都能够承受。只有将自己的观点当作信仰，才能够坚持下来。但是成功的人，往往能够改变这个世界。

所以我认为对他们的简要介绍和罗列，能够折射出当前世界上的重要进步。当然这里的介绍可以说是浅尝辄止。权作一个索引，我们可以对其中感兴趣的人物进行深入了解。

这篇并不是翻译。因为实际开始翻译的时候我发现原文文字实在太不流畅，若按字面意思翻译不但很多词汇中文里没有对应的意思，而且逻辑的脉络也不是很清楚。曾想干脆放弃，但是觉得了解一下他们确实有一些意义，所以只好折中一下，将每人的简短介绍分为经历，理念，与项目三个要点总结。希望能够不失原文本意。

原文地址: http://images.businessweek.com/ss/10/02/0201_worlds_most_influential_designers/index.htm
转载请注作者署名:coolnalu。谢谢!

1. Paola Antonelli

经历 纽约现代艺术馆,建筑与设计馆资深馆长, 2006年获美国国家设计奖 – “Design Mind”奖。
理念 坚持推广(公众)对设计的理解，直到设计对世界的正面影响被全部接受并利用为止。
项目 曾担任数个热门展出的监督。这些展出无一不拓展了人们对“设计”的日常定义。

2. Janine Benyus

经历 Biomimicry Guild – 创新咨询顾问公司创始人，仿生学先驱之一
理念 帮助公司和机构开发基于自然界中“最佳方法”的产品和策略
项目 曾向通用电气，通用磨坊(译注:哈根达斯背后的老板),和惠普等公司的高管们传述如何让公司通过仿生学受益

3. Tim Brown

经历 IDEO的首席执行官兼主席
理念 Design Thinking
项目 从宏观的高度向微软，百事，宝洁等大型跨国企业推广设计的战略意义。在达沃斯等世界经济论坛宣传设计给商业和世界带来的变革。

4. Bill Buxton

经历 作曲家和演出者出身，曾在Xerorx Parc和Alias/Wavefront供职，时任微软的首席研究员之一，Bloomberg/BusinessWeek的常任专栏作家
理念 将人的价值，文化和技术融于作品里

5.Valerie Casey

经历 Designer Accord创始人，曾在Pentagram，Frog Design，和IDEO等公司供职
理念 在设计中融入可持续性理念
项目 向NakedPizza等公司建议可持续性设计

6. Ivan Chermayeff and Tom Geismar

经历 Chermayeff & Geismar设计代理创始人
项目 从1957年开始塑造了世界上不少具有标志性的品牌，例如Mobil的标志，和Pan Am 航空身份设计，最新的客户包括Armani Exchange和国会图书馆

7. Hilary Cottam

经历 现供职与Participle，曾任世界银行城市贫困专家，社会学博士，获伦敦设计博物馆2005年度设计师
理念 研究方向为设计的情感，社会，和经济效应
项目 通过设计解决一些社会问题-老年化和教育；公共服务设计与创新

8. Choi Gee Sung

经历 三星集团最新CEO，自1977年加入三星设计与市场部参与扩大移动电话，电视，电子媒体的市场份额，将三星推到了电视厂商的第一位。

9. Henrik Fisker

经历 Fisker Coachbuild创始人
理念 致力于高端设计与工程的结合
项目 设计了2008 BMW Z8 车型；于2009年从奥巴马政府贷款到五亿美元左右开发混合能源车辆；最近又宣布获得了一亿多的私人股权基金开发零售$87,900美元的Fisker Karma车型

10. Naoto Fukasawa

经历 Naoto Fukasawa设计公司创始人
理念 设计应该源于环境和自然

11. Bob Greenberg

经历 R/GA广告和市场推广代理，此前曾为电影Alien，Predator，和Seven等制作特效动画
理念 为数码设计中带来创新
项目 客户包括耐克，惠普，沃尔玛等

12. Zaha Hadid

经历 创立了与自己同名的工作室，第一个获得Pritzker建筑奖的女性
项目 位于德国的一个充满锐角的水泥消防站，位于辛辛那提的Rosenthal现代艺术中心，以及罗马的国立XXI实际艺术馆

13. Jonathan Ive

经历 苹果公司资深工业设计副主席
理念 将“更好”摆在“新颖”之前，追求易用易理解的友好设计
项目 监制了iMac，iPod，iPhone，以及最新的iPad。

14. Larry Keeley

经历 Doblin咨询主席和创始人之一
项目 帮助公司开发能够增加创新回报几率的系统

15. Rem Koolhaas

经历 荷兰建筑师，哈佛教授，大都会建筑创始人之一
项目 CCTV新楼，西雅图中心图书馆

16. Qingyun Ma

经历 MADA s.p.a.m的创始人，南加大学建筑学院院长
项目 西安电视建筑群，2008奥运规划专家

17. Roger Martin

经历 多伦多大学Rotman管理学院院长，Thomson Reuters和Research in Motion董事会成员。曾在Monitor策略咨询公司供职。
理念 综合思维
项目 呼吁重塑MBA课程

18. Shigeru Miyamoto

经历 任天堂游戏设计部负责人, 被称为现代游戏之父
理念 做别人所不能及
项目 超级玛丽，超级金刚，塞尔达传说，DS, Wii, Wii Fit

19. Bill Moggridge

经历 IDEO创始人之一，史密森学会的古柏海卫特国立设计博物馆总监
理念 推广设计在生活中每个方面的应用，不仅限于科技
项目 曾设计世界上第一台笔记本电脑 – Grid Compass

20. Jakob Nielsen

经历 Nielson Norman Group创始人之一，曾于Sun Microsystem，IBM，Bell Communication Research供职。哥本哈根丹麦科技大学HCI博士
项目 网页可用性，可用性工程，移动界面可用性

21. Don Norman

经历 Nielson Norman Group创始人之一，曾是苹果副主席，西北大学教授
理念 他最新的观念认为想拥有颠覆性的创新，调研基本没用
项目 著有Design of Everyday Things，Design of Future Things, Emotional Design

22. Dieter Rams

经历 40年的工业设计经历
理念 在1980年曾认为商业设计变成了无休止的制造废物，于是写了10条优秀设计法则，影响深远

23. Burt Rutan

经历 Rutan飞行器工厂创始人
项目 曾设计轻型的，可在家里自行组装的飞行器，最近又设计了世界上第一批商用航天器，2004年自制的SpaceShitOne号载人航天器在两周内两次达到了100公里的高度。

24. Cameron Sinclair

经历 人道主义建筑组织创始人
理念 设计是终极的可重复利用资源
项目 最近的成果包括在海蒂搭设迅捷避难所以及长期重建规划

25. Amy Smith

经历 麻省理工教授，幼时曾在印度见过许多贫困的人群，曾获MacArthur“天才”奖金
理念 就地取材的低造价，低科技解决方案可帮助发展中国家解决严重问题
项目 发明包括锤磨机和无需用电的恒温箱

26. Philippe Starck

经历 产品设计师，曾主持英国一个与设计相关的实事节目；
项目 设计从凳子，到榨汁机，到航天器的内饰；长期与旅馆大亨们合作向全球的旅行者推出“远离家的家”的住宿概念。

后记

说实话这篇文章除了Jakob Nielson和Don Norman以外不算与UX紧密相关。在选材上应该更谨慎才对。但是翻译到一半放弃又有些可惜。就当是扩展阅读吧。
希望看到更多操作派文章的同学们，我下一篇保证写个技术性的博客。

我认为，苹果最伟大的地方，不是它的产品，而是几乎每一个产品都能颠覆一个消费市场的秩序，推动整个产业的高速发展。我一直觉得，如果没有苹果，21世纪不知道什么时候才会真的到来。从最早的Mac开始，虽然乔布斯经过他人生的滑铁卢，但是除去这一次多多少少人生必经的挫折以外，他所做出的每个产品都好像狠狠扇了同行一巴掌: 你们所谓的创新总是比苹果落后三年。这让我不得不质疑所谓摩尔定律到底是自然规律还是人为制造的假象哄抬价格。很多电子产品商人总是试图故意放慢发展速度，尽量榨取消费者的钱。每次苹果的新产品则让我感觉苹果的办公室里时间好像比办公室外的时间快一倍。

“…他所做出的每个产品都好像狠狠扇了同行一巴掌…”

Mac以后，个人电脑大行其道，虽然微软在90年代无人能敌，但是不得不说是苹果让个人电脑风靡于世。当苹果重回到乔布斯的掌握以后，首先颠覆了MP3市场。从MP3出现在市场上原本大概5，6年间没有任何实质的进步。调节音量或是歌曲进退都是按钮，按钮，和按钮。当iPod上市时，惊讶与简单易用之余，必然要顺便鄙视一下以往用过的MP3的厂家有多么平庸，花哨的设计和萤光代替不了创新，不肯下功夫的设计必然会被淘汰。但这个时候，你可以说iPod的成功，是个偶然。

随后，苹果重整Mac的士气，接近PC的价格和针对学校的推广在短短几年内将Mac在校园内的占有率提高了几倍。学生可以说是Mac的主力人群，他们爱新鲜，爱虚荣，抓住了这一部分市场，可以说是苹果”反击”战略里最重要的一步。虽然这场反击晚了接近20年，但最终还是证明了苹果的理想和眼界，比PC要远10年。当Windows每一个版都推出一个比较新的质感的时候，Mac OS版本之间却不怕用户审美疲劳，保持了设计的高度的一致性，反倒给人一种成熟稳定的产品的感觉。从使用上来说，新鲜感大概只能持续几个礼拜，但是对一个系统的熟练操作则要很多个月，保持设计和程序整理的可推测性，牢牢的守住了当前用户。这些细节，相信都是苹果的哲学的一部分。

而后iPhone的出现，则给大家带来了前所未有的惊叹! iPhone的影响极其深远: 先是整个行业争相推出触屏产品，但这样的产品总是显得太苍白。其次是整个行业都开始推出自己的App Store，连Intel都有了。跟风者只会让我看到他们的贪婪与懦弱。如果有公司坚决走自己的路，不复制，至少还能得到尊重。最后，iPhone上能玩的游戏太多，于是顺便拿下了便携游戏市场。Gameboy还是PSP，真正的骨灰玩家并不是那么多。很多人只是娱乐性的玩儿游戏。既然iPhone可以玩，没有必要再买专门的PSP了。到了这里，你不能再说苹果的成功有任何偶然性了。苹果敢于使用新技术，即使新技术不是很稳定，当别人开始用的时候，苹果一定已经用的更好了。我想这必然也是他们的秘诀之一。

“…我们被苹果惯坏了…”

到了iPad。我们不激动了。我们不欣喜了。我想，我们不激动不欣喜的原因不全是因为iPad的设计和定位不上不下。我们的标准经历了这么多年，提高了。我们被苹果惯坏了。所以苹果成功了，它不光推动了整个行业的发展，也提高了人们对设计的审美和要求。未来我们会用更高的标准审视苹果与电子产品。

实验设计

1. 实验设置

首先，一群可怜的志愿者被通知去参加一个实验，于是他们被安排一个一个进了某个房间，有一个接待台。上面贴着一个纸条，写着大大的，“实验中”。

实验的道具是这两个小伙。他们无论从五官上，发型上，衣服上，声音上，甚至气质上都颇有不同。

2. 实验程序

当一个志愿者被安排进来的时候，穿米色衣服的小伙子先站在柜台上接待 – 递给志愿者一个自愿表, 一个常见的程序。

蓝色衣服的小伙子呢? 他在这期间一直蹲在柜台下面。当志愿者终于填好表之后，签了名字之后，自愿表生效了! 之后发生什么恐怖的事都不负责了! 米色衣服的小伙子将表拿过来，俯身下来，将表收起来。这时候蓝色衣服的小伙子就闪亮登场了!

他趴到米色小伙站的位置，起身，拿出另外一份两页材料，告诉志愿者拿到走廊的里侧去。

当志愿者进去房间之后，里面的人告知他们实验已经结束。然后录下他们对刚才的体验的回顾，在他们说了一些他们的观察以后，再确认问一下他们是否注意到任何异常。

3. 实验结果

75%的实验者没有发现接待员换了。根据视频上来看，应该参与者有8人左右。
而什么令另外25%的人能够察觉则还不是很确定。下面这张截图里的女性一下就发现了问题，诡异又得意的笑了起来。

4. 实验观察

• 有的参与者似乎感觉到有异样，但又不是很确定
• 再复述当时情景的时候他们注意到了很多当时的细节，但是却没发现最重要的问题

什么是格式塔理论?

格式塔 (Gestalt) 20世纪初被提出的一个心理学原理。我最近才从一本摄影书里得知一个大概。作为训练，我尝试在这里运用格式塔理论的几项法则来从一个角度解释这个实验的结果。

首先我先罗列一下这些法则: (译自英文Wikipedia)

• 闭合法则 – 意识会为了达到某种规律而经历一些并非真实感受到的体验。
• 相似法则 – 意识会将相似的元素整合成集合或是整体, 根据形状, 颜色, 大小, 亮度等。
• 接近法则 – 空间上或时间上接近的元素会导致意识倾向于将他们整合成集合或整体。
• 对称法则 – 对称的多个图像会被作为一个整体被意识接受，即使他们之间有一定距离。
• 连续法则 – 意识会根据视觉上的，听觉上的，或是位移的规律延伸。
• 同向法则 – 向同一个方向移动的元素会被当作一个整体。

具体的法则我就先不多说了，免得贻笑大方。百度上这个文章格式塔心理学应该是个不错的概括。

用格式塔法则解释实验结果

闭合法则

其中几个实验者在第二个人站起来以后，似乎察觉到了异样，但是好像没能清楚的说出是什么地方有问题。我认为他们应该在下意识下发现了很奇怪的变化，男人的声音，眼神，衬衫等等。但是在不是很确定的情况下，大脑的闭合作用便帮助他们努力的让眼前的情景变得与他们以往的体验一样 – 方法可能是假设自己眼花了，或是没记住，或是别的 – 总之是保持情景的合理性。想想看，如果突然你遇到某种情况一个男人突然悄悄的变脸了，至少也要后背发凉一下吧。个人的经历不同，对这种突然的变化应该会有不同程度的压抑。压抑越强烈，反抗也就越强烈, 越希望眼前的情景都是合理的。

相似法则

这两个男人虽然并排看差异很大，但是在实验中你一次只会看到一个人。对我们熟悉的人或事物，我们可能会了解他们的没个细节，但是对于一个初次见面的人，则未必会特别了解他的每一个特征。换了人以后，还是一个男人，头发长度比较接近，声音的高低差距也不是太大，衬衫的颜色都是比较淡的纯颜色，没有纹理，高度差似乎也在5cm以内。从这个角度说，他们俩的相似度是很高的。

连续法则

第一个男人弯腰以后，消失在台子下面，这时候从视觉上必然是一个断点。被实验者看不到接待员了。当第二个男人站起来的时候，那些没看出问题的人则自然的认为这是第一个人蹲下有站起来了。包括那些发现的问题的人，也似乎在脑袋里迟疑了一下才感觉的异样。第一个人蹲下的时候速度故意放慢，给足时间用来在桌子下移动位置，然后再以相似的速度站起来。这时候人脑就会形成一个自然的运动轨迹，因而认为两个人是一个人。

其他相关的理论

当然还有很多别的心理学理论可以用来解释这个现象。譬如，由于实验者在未被告知的情况下，努力的填表，所以注意力都集中在表上，却不知道刚签了字实验就开始了。人的注意力是有限的，对某个事物的注意力多了，必然就会忽略一些别的事物。有一个实验者甚至都没怎么抬头看接待员，自然也没办法看出有什么变化。

对UX有什么意义

首先，我们可以看出很多时候用户并不很擅长发现细节和细节的变化。这是否意味着设计师对每分每毫的精确的追求有时候是自己的偏执呢？或者从积极的方面来看，如何能让用户发现我们的苦心设计呢？从另一方面来说，当我们需要更新界面的时候，也许会遇到有的用户的反对，但细微的变化也许并不会被大部分发现。这样是否能加速流程呢？

其次，在人命关天的的用户界面中，必须要有能够打断用户的其他注意力的功能，能够在危急的时候及时制止问题，这是人脑的局限。应该从设计上进行辅助，而不是单纯靠人本身的记忆或者是条件反射。

另外，就设计师本身而言，也有这种缺陷。当你专注于设计一个功能的时候，往往会忽略整体功能的变化。有的时候也许变成了一个很熟知的问题，但你却重新发明了轮子。

你觉得呢？

原文地址: http://jquery14.com/day-01

jQuery 1.4 发布啦

为了庆祝jQuery的四周岁生日, jQuery的团队荣幸的发布了jQuery Javascript库的最新主要版本! 这个版本包含了大量的编程，测试，和记录文档的工作，我们为此感到很骄傲。

我要以个人的名义感谢 Brandon Aaron, Ben Alman, Louis-Rémi Babe, Ariel Flesler, Paul Irish, Robert Kati?, Yehuda Katz, Dave Methvin, Justin Meyer, Karl Swedberg, and Aaron Quint。谢谢他们在修复BUG和完成这次发布上所做的工作。

下载(Downloading)

按照惯例，我们提供了两份jQuery的拷贝，一份是最小化的(我们现在采用Google Closure作为默认的压缩工具了)，一份是未压缩的(供纠错或阅读)。

• jQuery压缩 (23kb Gzipped)
• jQuery常规 (154kb)

另外，Google也在他们的服务器上放置了一份jQuery的拷贝。这份拷贝会自动的最小化然后压缩 – 并且放在Google最快的缓存服务器上。

• http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

你可以在你的站点上直接引用上面的URL，这样就可以享受迅速加载jQuery的性能优势了。

就jQuery1.4来说，我们努力的减少大规模升级中的麻烦 – 通过保持所有public函数的签名。即使如此，还请通读可能会造成问题的变更列表，这样能够了解哪些变更可能会给你的应用造成问题。

(功能) Features

下面的内容概括了jQuery1.4里加入的变更和功能。另外所有的变更都已经在jQuery 1.4 的文档里记录了。

热门方法经过了性能上的大”检修”

不少比较热门的和常用的jQuery方法在1.4里被重写了。(译注:重写了方法的内部，外部调用没有大幅度改变) 我们分析源码的时候发现我们能够获得大幅的性能提升，通过把jQuery和自己比较: 查看内部函数被调用了多少次，然后努力降低源码的复杂度(译注:计算机算法中的Complexity)

View the cropped chart.

在1.4版里我们显著的降低了大部分热门jQuery方法的的复杂度。

更易用的设置函数 (Easy Setter Functions)

算来已经有一阵了，你们已经可以给.attr()传递一个函数，然后这个函数的结果会被用来赋给相应的HTML属性(attribute)上。这个功能现在被移植到所有的设置函数了: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), 以及 .toggleClass().

另外, 对于下面几个方法，当前的值会被作为第2个变量传递给这个函数。.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .offset(), .addClass(), .removeClass(), 以及 .toggleClass().

这样代码就可以这样写:

// 找出所有A标签里的'&'字符，然后用一个span标签包围
$('a').html(function(i,html){
  return html.replace(/&/gi,'&');
});

// 给一些链接的title属性加些信息
$('a[target]').attr("title", function(i,title){
  return title + " (新窗口打开)";
});

Ajax

嵌套参数的序列化 (jQuery.param() 文档, Commit 1, Commit 2)

jQuery 1.4在jQuery.param方法里加入了嵌入参数序列化的支持，借用了PHP编程里兴起的，而后又被Ruby on Rails推广开来的方式。
举例来说，
{foo: ["bar", "baz"]} 会被序列化为 “foo[]=bar&foo[]=baz”.

在jQuery 1.3版里, {foo: ["bar", "baz"]} 曾被序列化为 “foo=bar&foo=baz”. 但是，这样做没用办法将只含有一个元素的阵列编码。如果你需要旧的序列化方式，你可以设置传统Ajax设置来进行切换。(使用jQuery.ajaxSettings.traditional进行全局切换，或者根据情况单独切换。

总共有3种方式可以切换到旧的序列化方式:

// 全局改变序列化方式 (使用旧的)
jQuery.ajaxSettings.traditional = true;

// 指定情况使用旧的序列化方式
jQuery.param( stuff, true );

// 针对一个单独的Ajax请求使用旧的序列化方式
$.ajax({ data: stuff, traditional: true });

更多信息参见: jQuery.param() 文档, jQuery.ajax() 文档, Commit, Code

JSON和脚本类型通过”content-type”自动识别。 (jQuery.ajax 文档, Commit 1, Commit 2)

如果一个Ajax请求的回复的媒体类型是JSON(application/json), dataType默认设为”json”(如果dataType没有被指明)。另外，如果回复的媒体类型是Javascript(application/javascript), dataType默认设为”script”(同样，如果dataType没有明确指明), 这种情况下，脚本会自动运行。

加入了Etag的支持 (jQuery.ajax() 文档, Commit)

默认设置下, jQuery会忽略Ajax请求的”Last-Modified”页头。这样做是为了忽略浏览器的缓存。设置ifModified:true就可以使jQuery使用可用的缓存。jQuery1.4还会发出”If-None-Match”的页头如果你设置了ifModified选项。

严格JSON模式，本地的JSON.parse方法 (jQuery.ajax() 文档, Commit 1, Commit 2, Commit 3)

jQuery 1.3和以前的版本曾使用Javascript的eval对引入的JSON解析。1.4版则会使用本地的JSON解析器，前提是如果有本地的解析器可用。它也会对引入的JSON进行校验。所以在jQuery.getJSON方法里，或当一个Ajax请求的dataType是”json”的时候，jQuery会拒绝不合标准的JSON(例如{foo: "bar"})。

序列化HTML5的元素 (jQuery.param() 文档, Commit)

新的HTML5输入方法 (比如’datetime’和’range’)在序列化.serialize()一个表单的时候会被包括在内。

Ajax请求的环境 (jQuery.ajax() 文档, Commit)

你可以附加一个”环境”到Ajax请求上，所有的回调函数里都会拥有同样的”环境”设置(这样可以简化你的代码，尽可能避免使用闭合,或是其他对象)。

jQuery.ajax({
    url: "test.html",
    context: document.body,
    success: function(){
        jQuery(this).addClass("done");
    }
});

请求成功回调函数的第三个参数会被设为原始的XHR对象 (jQuery.ajax() 文档, Commit)

所有的Ajax请求的成功回调函数现在都会收到原始的XMLHttpRequest对象，作为第三个参数。之前这个XHR对象只能通过$.ajax一类方法的返回值来获取。

明确设置”Content-Type” (jQuery.ajax() 文档, Commit)

在1.3版，如果没有实际数据发送，jQuery.ajax的contentType会被忽略。1.4版里，contentType将总是和请求一同发送。这修复了某些后台凭靠”Content-Type”页头判断回复类别所造成的问题。

明确设置JSONP回调函数的名字 (jQuery.ajax 文档, Commit)

你可以使用jQuery.ajax()方法的jsonpCallback选项，通过名字来指定JSONP的回调函数。

防止启动前跨域XHR (Commit)

跨域Ajax(针对提供支持的浏览器)将更易用，因为默认设置下，启动前XHR被阻止了。(TODO)

jQuery.ajax()现在使用”onreadystatechange”事件替换了计时器 (Commit)

使用”onreadystatechange”替换了轮流探询，Ajax请求现在将使用更少的资源

元素属性 (Attributes)

.css()和.attr() 的性能被优化了。

<

.attr()方法多了一个设置函数作为参数 (.attr() 文档)

你不但可以将一个函数用在.attr()里，还可以在这个函数里使用属性的当前值。

jQuery('<img src="enter.png" alt="enter your name" />')
.attr("alt", function(index, value) {
    return "Please, " + value;
});

.val( Function ) (.val() 文档)

<input class="food" type='text' data-index="0" />
<input class="food" type='text' data-index="1" />

jQuery("input:text.food").hide();

jQuery("<ul class='sortable'><li>Peanut Butter</li><li>Jelly</li></ul>"

)
  .sortable()
  .bind("endsort", function() {
    $(":text.food").val(function() {
      return $("ul.sortable li:eq(" + $(this).attr("data-index")  + ")").text();
    });
  });

text和CDATAHTML元素也支持.text()方法了 (.text() 文档, Commit)

核心 (Core)

快捷元素创建 (jQuery() 文档, Commit)

现在当你需要使用jQuery函数创建一个元素的时候，你可以同时附递一个对象来指定属性值和事件:

jQuery("
", {
    id: "foo",
    css: {
        height: "50px",
        width: "50px",
        color: "blue",
        backgroundColor: "#ccc"
    },
    click: function() {
       $(this).css("backgroundColor", "red");
    }
}).appendTo("body");

对象里的键值的名字与相关的jQuery的方法的名字是对应的，对象的值会被作为参数传递给jQuery的方法。

(译注:譬如$("<a>link</a>", {css:{background:"#ccc"}});相当于$("<a>link</a>")).css("background", "#ccc");

.eq(-N), .get(-N) (负指数) (.eq() 文档, .get() 文档, Commit)

你现在可以在.get()和.eq()方法里使用负数。譬如，你要选择倒数第2个div元素，或者是倒数第2个DOM对象:

$("div").eq(-2);
$("div").get(-2);

新的.first()和.last()方法 (.first() 文档, .last() 文档, Commit)

方便起见, 新增的.first()和.last()方法等同于.eq(0)和.eq(-1).

新的.toArray()方法 (.toArray() 文档, Commit)

.get()方法自始就是从jQuery集合里返回一个阵列。为了能够更明确, 你可以用.toArray()来达到一样的效果。(译注:这里应该是为了以后的版本留出空间，譬如以后可能会加入.toList()方法，到时候就会易于区分。) 不过，和.get()不一样的是，.toArray()不接受参数。

jQuery()返回一个空集 (jQuery() 文档, Commit)

在jQuery 1.3中,jQuery()方法返回仅包括document的jQuery集合。这个可以用来创建一个空集，然后动态加入一些元素。注: jQuery().ready()方式在1.4中依然有效，但是被指示陈旧了。请使用jQuery(document).ready()或者jQuery(function(){})。

jQuery(“TAG”) (Element Selector 文档, Commit)

当使用单个标签名字的时候jQuery会使用更快捷的路径。

jQuery(“<div>”), jQuery(“<div/>”) 和 jQuery(“<div></div>”) (jQuery() 文档, Commit)

现在这三个方法都使用同一个代码路径了(document.createElement), 来优化jQuery("<div></div>")的性能。注意，如果你指定了属性，将会使用浏览器本身的语法分析(通过设置innerHTML)。

样式 (CSS)

.css()方法在性能是以前的2倍。

.addClass(), .removeClass(), 和 .hasClass()这几个方法在性能上是以前的3倍

.toggleClass()可以切换多个css类了 (.toggleClass() 文档, Commit)

你可以通过.toggleClass()调用多个css类的名字来切换他们。

$("div").toggleClass("current active");

数据

.data()返回对象, .data(Object)设置对象 (.data() 文档, Commit 1, Commit 2)

有时候你可能需要在一个元素上附加一个复杂的对象。一个常见的例子是你需要从一个元素身上复制所有的数据到令一个元素上。在jQuery 1.4里, 不使用任何参数调用.data()时，.data会返回一个复杂对象。(译注: 包含所有键-值对的对象。) 调用.data(Object) 则会设置这个对象。注意这个对象还包括了元素上绑定的事件，所以用的时候要小心。

除非需要, 不然不会创建数据缓存。 (Commit 1, Commit 2, Commit 3)

jQuery使用一个独特的自定义属性来获取特定元素上附加的数据。当查找数据，但是没有新加的数据的时候，jQuery会尽量避免创建这个自定义属性。这样可能会提高性能，同时还会在这种情况下避免污染DOM。

效果 (Effects)

单个属性缓进缓出 (Per-property Easing 文档, Commit)

除了能够给一个动态效果指定缓进出函数外，你现在可以指定每个属性的缓进出函数了。James Padolsey的blog上有更进一步的信息和演示。

$("#clickme").click(function() {
  $("div").animate({
    width: ["+=200px", "swing"],
    height: ["+=50px", "linear"],
  }, 2000, function() {
      $(this).after("<div>Animation complete.</div>");
  });
});

事件 (Events)

新方法: jQuery.proxy() (jQuery.proxy() Documenation, Commit 1, Commit 2)

如果你需要保证一个函数内的”this”恒定地保持某个值, 你可以用jQuery.proxy获得一个相同作用域的函数。

var obj = {
  name: "John",
  test: function() {
    alert( this.name );
    $("#test").unbind("click", obj.test);
  }
};

$("#test").click( jQuery.proxy( obj, "test" ) );

多个事件绑定 (.bind() 文档)

你可以通过递入一个对象来一次性绑定元素的多个事件。

$("div.test").bind({
  click: function(){
    $(this).addClass("active");
  },
  mouseenter: function(){
    $(this).addClass("inside");
  },
  mouseleave: function(){
    $(this).removeClass("inside");
  }
});

‘change’和’submit’事件规范化 (Change 文档, Submit 文档)

普通的或是即时的change和submit事件可以在各种浏览器上稳定工作了。我们覆盖了IE里的change和submit, 替换为与其他浏览器相同的事件。

新的事件: ‘focusin’ and ‘focusout’ (.focusin() 文档, .focusout() 文档, Commit)

focusin和focusout在一般情况下等同于focus和blur, 但是多了向父元素传递的作用。如果你自己编写你的事件代理模式(TODO), 这个功能将对你有很大帮助。请注意对focus和blur使用live()方法将不会起作用; 在设计的时候我们根据 DOM事件规范决定不使其向父元素传递事件。

$("form").focusout(function(event) {
    var tgt = event.target;
    if (tgt.nodeName == "INPUT" && !tgt.value) {
        $(tgt).after("nothing here");
    }
});

所有的事件都可以成为即时事件 (.live() 文档)

除了ready, focus (用focusin), 和 blur (用focusout)以外, 所有能用.bind()绑定的事件都可以成为即时事件。

在live()所支持的事件里，我们对能够支持下面这几个额外的事件感到尤其骄傲。通过.live()里的事件代理, 1.4版实现了对change, submit, focusin, focusout, mouseenter, 以及mouseleave事件的跨浏览器支持。

注: 如果你需要即时的focus事件，你应该用focusin和focusout, 而不要用focus和blur, 因为就像前面提到的, focus和blur不向上传递。

还有, live()也接受数据对象作为参数了, 同bind()方法一样 (Commit)

live/die也支持环境变量了 (Commit)

现在可以在绑定事件的时候给选择符指定一个环境。如果环境被指定了, 只有属于这个环境下的元素才会被绑定事件。在创建即时事件的时候, 元素本身不需要已经被定义, 但是环境必须被创建。

确定ready事件至少含有body元素 (Commit)

jQuery现在会检查body是不是存在，如果不存在，会对body进行轮流探询。

在不需要手动处理内存溢出的非IE浏览器中, 卸载的速度提高了。 (Commit)

DOM操作 (Manipulation)

在jQuery 1.4里一系列的DOM操作方法的性能都有巨大的提升。

.append(), .prepend(), .before(), and .after()的性能提高了。

.html()的性能提高到以前的3倍。

.remove()和.empty()的速度则达到以前的4倍.

新方法: .detach() (.detach() 文档, Commit)

detach()将一个元素从DOM里移除, 但是并不卸载关联的事件处理函数。这个方法可用于暂时性的将一个元素移除，执行相关操作，然后返回。

var foo = $("#foo").click(function() {
    // 相关操作
});
foo.detach();
// foo保留了相关处理函数
foo.appendTo("body");

新的unwrap()方法 (documentation, commit)

unwrap()方法拿到一个已知的父元素的子元素，然后将父元素用子元素替换。(译注: 将子元素从”包裹”里拿出来, 因名unwrap)。如此这般:

<body>
    <div>
        <p>annie</p> <p>davey</p> <p>stevie</p>
    </div>
</body>

$('div').unwrap();

<body>
   <p>annie</p> <p>davey</p> <p>stevie</p>
</body>

domManip方法里的缓存 (commit)

jQuery会将jQuery("<div>")和.after("<div>")一类方法创建的节点记入缓存。这样, 对于利用这些方法, 使用字符串进行DOM操作的页面，性能将有极大的提高。

无连接的节点间的before, after, replaceWith操作 (commit)

现在你可以对还没有放置到DOM Tree上的节点进行before, after, 和replaceWith的操作了。意味着你可以先对节点进行复杂的操作, 待完成后再放到合适的DOM位置上。这样也能尽量避免操作过程中造成重新排版。

jQuery("<div>").before("<p>Hello</p>").appendTo("body")

.clone(true) 也会复制关联数据 (clone 文档, commit)

1.3版中, .clone(true)虽然也是深度复制, 但是没有复制关联的数据。1.4版里，它则会复制数据, 同时还包括所有的事件。这点上和jQuery.extend在语义想同的, 所以普通对象和阵列会被复制, 但是自定义的对象则不会。

位移 (Offset)

.offset( coords | Function ) (.offset() 文档, commit)

现在可以设置元素的位移了! 和所有的设置函数一样, offset也可以接受一个函数作为第二个参数。

队列 (Queueing)

队列经历了一次大修, 使用队列会比使用默认的fx更易掌握。

新的 .delay() 方法 (.delay() 文档, commit)

.delay()方法会根据参数滞后若干毫秒执行队列里剩下的对象。默认的它会使用”fx”队列。但你可以选择性的通过delay方法的第二个参数选择其他队列。(译注:每个队列都以一个名字识别。)

$("div").fadeIn().delay(4000).fadeOut();

队列里的next (.queue() 文档, commit)

jQuery 1.4版里, 当队列里的一个函数被调用的时候，第一个参数会被设为另一个函数。当后者被调用的时候, 会自动排除队列里的下一个对象, 以此来推动队列到下一步。

jQuery("div").queue("ajax", function(next) {
  var self = this;
  jQuery.getJSON("/update", function(json) {
    $(self).html(json.text);
    next();
  };
}).queue("ajax", function() {
  $(this).fadeIn();
});

.clearQueue() (clearQueue 文档, commit)

队列可以被清空了。这个方法会移除队列里所有未执行的函数, 但不会移除正在运行的函数。无参数的情况下调用.clearQueue()方法将会清空默认的”fx”队列。

选择符 (Selectors)

“#id p”效率更高 (commit)

所有以ID开头的选择符都得到了优化, 能够在瞬间得到返回值。所有以ID为开头的选择符速度将一直快于其他选择符。

页面遍访 (Traversing)

.index(), .index(String) (index 文档, commit)

.index() 方法经过重写, 变得更加直观和灵活。

你可以获得一个元素相对于同父元素的指数:

// 计算第一个 <li class="current"> 元素在它所有的同父元素中的指数:
$("li.current").index()

你也可以获得一个元素在一个jQuery元素集合中的指数, 这个集合可以用一个选择符或者是一个DOM元素来指定:

// 计算这个 <h3 id="more-info"> 元素在页面上所有 <h3> 元素里的指数:
$("#more-info").index("h3")

新的.has()方法 (has 文档, commit)

这个方法相当于选择符里的:has()过滤法。它拿到一个jQuery集合,返回含有指定选择符的元素。

新的 .nextUntil(), .prevUntil(), .parentsUntil() 方法 (.nextUntil() 文档, .prevUntil() 文档, .parentsUntil() 文档, commit)

新的”until”方法类似于.nextAll(), .prevAll(), 和.parents()。区别是可以用一个选择符来停止元素探索。

.add(String, Element) (.add() 文档, commit)

可以给.add()方法指定环境了。这个功能可以用于在一个调用链中加入和操作额外元素(比如Ajax请求里返回的新元素)。

.closest(filter, DOMElement) (.closest() 文档, commit)

可以通过closest方法的第2个参数设置一个DOMElement环境。给closest设置一个环境一般能够提高这个方法的运行速度。这个优化也适用live(), 因为这个方法内部调用了closest()。

常用工具 (Utilities)

jQuery.isEmptyObject() (jQuery.isEmptyObject() 文档, commit)

如果对象,em>没有任何属性, 该方法将返回true。jQuery.isEmptyObject()方法不对参数进行任何检查, 所以请保证参数是一个对象。

jQuery.isPlainObject() (jQuery.isPlainObject(), commit )

如果一个对象是通过字符创建的(译注:{}),jQuery.isPlainObject()返回true; 如果对象是其他类别的对象(译注:如new Object())或者是基本类型, 则返回false。

jQuery.contains() (jQuery.contains() 文档, commit)

如果两个参数都是DOM节点，并且第二个节点是嵌套在第一个节点内部的话, jQuery.contains()返回true。反之返回false。

jQuery.noop (jQuery.noop() 文档, commit)

是个空的函数, 可以用在必须要有一个函数的情况下。(译注: noop是No Operation的意思。)

jQuery.unique() (jQuery.unique() 文档)

jQuery 1.4版中, jQuery.unique()方法返回结果里的元素是按照他们在页面里的顺序排序的。由于在创建jQuery集合的时候jQuery使用jQuery.unique()方法, 所以jQuery方法返回的集合也是按照他们在页面里的顺序排列的。

其他 (Miscellaneous)

jQuery.browser以浏览器引擎为中心 (jQuery.browser 文档, commit)

例如, 你可以通过jQuery.browser.webkit探测引擎是否是Webkit。

改进了对applets的处理 (commit 1, commit 2)

jQuery不再试图在Java applets上绑定事件或是数据了(绑定事件或是数据会出现错误)。

不再使用arguments.callee (commit)

为了顺应Caja的要求, 同时也因为即将开始应用的ECMAScript 5规范里将其标记为陈旧, 我们将jQuery核心中所有用到arguments.callee的代码都移除了。

用Closure Compiler替换了YUI Min (commit)

内部重组 (Internal Reorganization)

在1.4版的开发过程中的一个重点是要建立一个更易读, 更易懂的代码库。为了达到这个目标我们树立了一系列编写代码规范的向导。

下面是一些主要的变化:

• 旧的’core.js’文件被分成了’attribute.js’, ‘css.js’, ‘data.js’, ‘manipulation.js’, ‘traversing.js’, and ‘queue.js’.
• ready事件被移入了’core.js’ (因为它是jQuery的一个基本组成之一)。
• 大部分核心代码都符合新的代码规范.
• css和属性的逻辑被划分开来, 不再如以往相互缠绕。

测试 (Testing)

jQuery 1.4版发布过程中我们修复了207个问题 (比较之下1.3版里有97个修复)。

jQuery 1.4.此外, 测试的数量从jQuery 1.3.2中的1504例升到了1.4中的3060例。

所有测试都在主要浏览器里完全通过了。(Safari 3.2, Safari 4, Firefox 2, Firefox 3, Firefox 3.5, IE 6, IE 7,
IE 8, Opera 10.10, and Chrome)

我们尽量试图减小jQuery 1.4对大规模升级可能造成的麻烦 – 保持所有公开函数的签名不变。即使如此, 请通读下面的列表以保证你对可能对你的应用造成问题的变更。

• .add()不再简单的将结果串联到一起, 结果将会被混合到一起, 然后根据他们在页面里的顺序排列。
• .clone(true)将复制事件和数据, 而不仅是事件。
• jQuery.data(elem) 不再返回id, 取而代之的是元素的对象缓存。
• jQuery() (无参数) 不再自动转换成jQuery(document)了。
• 通过.val(“…”)获得一个option或一个checkbox的值不再有歧义(将总是根据value属性选择, 而不是根据text的值)。(Commit)
• jQuery.browser.version现在将返回引擎的版本.
• 现在起将对引入的JSON更严格, 如果JSON的格式不符将会报错。如果你需要对不符合JSON严格格式的Javascript进行估值, 你必须设置请求的文件类型为纯文本, 然后用eval()来对内容估值。
• 参数序列化默认会按照PHP/Rails的风格进行。你可以通过jQuery.ajaxSettings.traditional = true;来切换到旧的序列化方式。你也可以针对个别请求进行切换, 在调用jQuery.ajax的时候递入{traditional: true}
• 内部的jQuery.className被移除了。
• jQuery.extend(true, …)不再扩展复杂对象或是阵列。(TODO)
• 如果一个Ajax请求没有指定dataType, 而返回的数据类型是”text/javascript”, 那么回复将会被执行。之前, 必须明确的指定dataType。
• 设置Ajax 请求的”ifModified”属性会将ETags纳入考虑。

我们还针对1.4版中可能造成问题的变更编写了一个向后兼容的插件。如果你升级到1.4以后出现问题, 可以在引入1.4版的文件之后引入这个插件。

如何使用这个插件:

<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://code.jquery.com/jquery.compat-1.3.js"></script>

原始数据和测试页面

性能测试中我们使用了下列测试套包:

• Attributes
• Class
• DOM Manipulation
• Empty/Remove
• Function Call Profiling: 1.3.2 1.4.

结果的原始数据 (所有的数据都是 1.3.2 vs. 1.4):

函数调用的次数
547    3
760    3
500    200
896    399
23909    299
307    118
28955    100
28648    201
1662    593

DOM嵌入
558    317
1079    624
1079    516
1155    829
436    332
196    194
243    169

HTML
116    46
281    78
313    78
234    63
134    43
43    42
91    27

CSS/属性
703    370
1780    1250
1765    1250
1157    749
629    498
346    184
333    161

CSS
114    52
203    93
118    93
109    47
116    54
58    24
54    22

CSS类
553    138
1578    546
1515    501
1033    327
769    298
229    80
173    41

移除/清空
3298    286
9030    2344
7921    1703
5282    1266
2898    303
1166    140
1034    122