jQuery 生日:1.1,新网站,新文档

发布日期 作者

好消息,大家!今天是 jQuery 的一周年“生日”! (我在一年前的今天,在 BarCamp 纽约市 发布了它)为了庆祝,我们准备了一堆东西供您享用。

1) jQuery 1.1

这是一个很棒的版本——大量的错误修复,巨大的速度提升,以及对出色的 API 的重大简化。强烈建议您升级以获得此版本的所有好处。

立即下载

升级指南

在从 1.0.4 升级到 1.1 之前,请阅读这些指南——已进行了一些 API 更改,这些指南详细介绍了如何解决这些更改以及如何使用新的 jQuery 1.0 兼容性插件 在 1.1 中保留 1.0 样式的功能。

新功能

  • 根据我们的统计jQuery 1.1 的选择器比 jQuery 1.0.4 中的选择器快 10-20 倍。这应该会在您的 jQuery 应用程序中提供明显的差异。
  • 常见的选择器,如 div#iddiv .classtd:nth-child(1)div > div 速度都明显更快。这完全是天壤之别。 试试看,您就会明白。
  • 您现在可以将函数作为属性或 CSS 属性的值传入。该函数将被执行,其返回值将被设置为该属性的值。例如
    // 1.0 Code
    $("a").each(function(){
        $(this).attr("href", "/item/" + this.id);
    }).show();
    
    // 1.1 Code
    $("a").attr("href", function(){ return "/item/" + this.id; }).show();
  • 您现在可以从自身内部取消绑定事件处理程序。这允许您拥有仅绑定特定执行次数的事件处理程序,例如
    $("button").click(function(e){
        // Unbind the event handler if a specific form is hidden
        if ( $("#submitForm").is(":hidden") ) {
            $(this).unbind( e );
        }
    });
  • 轻松绑定仅发生一次的事件(这取代了旧的 .oneclick() 功能)
    // Show a thank you message for a form submission, but only once
    $("form").one("submit",function(){
        $("#thankyou").show();
    });
  • 您现在可以设置元素的文本值(这与 .html() 不同,在 .text() 中,所有 HTML 都将显示为文本)。
    $("pre").text("<b>Hello</b>, how are you?");
    
    // Result:
    <pre>&lt;b&gt;Hello&lt;/b&gt;, how are you?</pre>
  • 您现在可以使用自定义函数构建自己的过滤器。(这在 1.0 中存在,但文档记录不佳。)
    // Find all divs whose parent isn't hidden
    $("div").filter(function(){
      return $(this).parent(":hidden").length > 0;
    });
  • 您现在可以将逗号分隔的选择器列表传递给以下过滤器函数
    filter、find、not、siblings、parents、children、next、prev。这允许您做一些非常酷的事情

    // Find all radio buttons, or checkboxes, in a form
    $("form input").filter(":radio, :checkbox");
    
    // Find the next element that's a span, or a div
    $(this).next("span, div");

2) 更新的网站设计

jQuery Site Screenshot
jQuery 网站的设计终于得到了急需的改头换面。这是由出色的 jQuery 设计团队 规划的,并由 Nate Cavanaugh 实施的。设计团队计划进行全面重新设计/重组,但我们想要一些可以帮助我们从当前设计过渡到全面大修的东西。希望您喜欢它——一定要感谢 Nate、Bradley 或 Skye 的出色工作!

3) 重新设计的文档

我们最近一直在努力的一点是,真正将 jQuery 文档、教程和 API 整合在一起,并将其分类到一个集中位置。这项努力的结果是新的
http://docs.jquery.com/
所有 jQuery 文档都可以在这个集中位置找到——使您更轻松地找到所需内容并更快地完成工作。我们希望您喜欢这种新的结构,如果您有任何建议可以添加什么来使其变得更好,请告诉我们。

4) 一个秘密…

我们已经保留了一段时间,但我们终于准备好了……有一本 jQuery 书正在筹备中!一位兴奋的出版商站了出来,作者已经完成了四分之一。还有一些细节正在完善,我们会等它接近完成时再告诉大家,但目前看来,我们将在一年的春季/夏季晚些时候发布第一本 jQuery 书!

Blank Book

希望您喜欢所有的一切——我们投入了大量的时间和精力来使这个版本变得很棒。一定要感谢 jQuery 团队 的每一个人,他们投入了大量的时间和精力使这个版本真正发布出来。

我将在明天发表一篇“查询现状”文章,谈谈 jQuery 在过去一年的发展历程,以及布道团队将发表几篇博客文章,介绍如何使用新的 jQuery 1.1。

谢谢大家,让 jQuery 拥有了这梦幻的一年。

jQuery 生日:1.1,新网站,新文档”上有 73 条想法

  1. Steven A Bristol 说:

    祝贺整个团队!作为 jQuery 的用户和爱好者,我非常感谢你们付出的所有努力。非常感谢!

  2. Joel Birch 说:

    非常感谢 jQuery 团队的辛勤工作,也感谢整个社区在过去的一年中相互支持。你们都太可爱了!;)
    哦,还有……OMG 一本书!太棒了。

  3. Pingback: 学习 jQuery » jQuery 1.1 发布!

  4. DongDongFace 说:

    太酷了!
    我是 jQuery 的超级粉丝!
    它对我的网页代码设计非常有用!

    感谢 jQuery 设计团队!你们太棒了!

  5. 生日快乐!我非常喜欢 1.1 版本,我已经使用 svn 一段时间了,它非常棒。新网站和文档也很棒。感谢所有参与的人。

  6. 看起来棒极了。祝贺!
    我希望它能像它一样激发全世界人们的想象力。

    一个小小的评论:主网站在我的 IE7 WinXP SP2 上看起来有点乱。

  7. 网站的背景图片在我的 ff2 上加载后全部消失了。其实一开始是加载了,但它说它还在从 quantserv 获取一些东西,当页面完成加载它和 google analytics 后,背景突然全部消失了!

  8. 哦,抱歉,我刚刚意识到我有一个旧的 greasemonkey 脚本来更改旧网站的白色以使其可读。移除后现在好了。

    尽管如此,它从 quantserv 获取的任何东西都需要很长时间才能加载,可能额外需要 10 秒。

  9. Pingback: jQuery 1.1 Selector Speeds at Aaron Heimlich - Web Developer

  10. 祝贺 1.1 版本发布!我在浏览新网站时遇到了一些麻烦。像 dev/recent/ 和 dev/bugs 这样的链接不再出现在页脚菜单中。

  11. Pingback: Interaction Design Blog » Blog Archive » DomQuery is extremely fast

  12. 祝贺,你们在一年的时间里做了很多事情 - 创建了优秀的 jQuery 并构建了围绕它的优秀社区。这个库让我的生活更轻松。

  13. jQuery 难道没有一些高知名度的用户吗?比如 Technorati?为什么不在你的首页上放一些推荐信来帮助提升你的形象?

    哦,还有生日快乐。:-)

  14. Pingback: NM-blog » Code Igniter and jQuery Autocomplete

  15. Pingback: jQuery 1.1, nueva versión y nuevo sitio web - aNieto2K

  16. JQUERY 万岁!你们干得真棒!这本书听起来很棒,我会确保在本周的 Juxtaviews 摘要中包含 1.1 版本发布公告。摇滚乐!

  17. 很棒!非常感谢!

    不过我有一些问题。我运行了速度测试,以下是四个结果

    body -> old: 0.2ms -> new: 0ms
    #speech5 -> old: 0.2ms -> new: 0ms
    div #speech5 -> old: 10ms -> new: 45.8ms
    #scene1 #speech1 -> old: 0.4ms -> new: 3ms

    为什么前两个结果只显示很小的差异,而最后两个结果为什么慢得多?

  18. @Dominik: 问题在于上下文 ID 搜索是一个昂贵的操作。在 1.1 之前,所有 #foo 搜索都只是执行 document.getElementById()(这非常快,但完全错误)。为了使其正确,您必须遍历所有后代元素以找到具有特定 ID 的元素。它比较慢,但至少正确。(这只会影响诸如“div #foo”或“#foo #bar”之类的选择器。)

  19. Pingback: Angel Colberg » 博客档案 » jQuery 1.1 API

  20. Pingback: Ajaxian » jQuery 1.1 在其第一个生日之际重生

  21. 恭喜!

    jQuery 的下一步是什么?我们可以期待哪些新功能?

    我想看到一个 jQuery-lite... 让我们面对现实,声称该库很小已不再属实(未压缩计数)。我想要一个压缩版本,大小低于 10kb :)

  22. Doug Martin 说:

    非常酷。自从你在 BarCampBoston 上做了一个关于 jQuery 的演讲后,我一直关注着它。我将在一个即将推出的客户网站上使用它。感谢您的辛勤工作!

  23. @sehmaschine: 嗯,我确信您从自己的角度看到了某些不尽如人意的地方,所以我想请问您是否可以将建议的改进网站方法列表发送到电子邮件中。请记住,整个项目都是基于志愿者的贡献,因此如果您想改进网站,我们始终乐于接受帮助。谢谢!

  24. 干得好,伙计们!所有帮助编写 jQuery 程序的人,都应该得到最诚挚的谢意。你们在创造一个简单而优美的工具方面做出了非凡的贡献,它免费供所有人使用。

    设计团队也应该得到巨大的赞赏,因为他们重新设计了网站。之前的网站真的让人失望 :D

    干得好,每个人!我将继续通过创建一些插件来回馈社区!

    谢谢!

  25. Pingback: » jQuery 1.1 引起了巨大的轰动 - 15 Days Of jQuery