jQuery 生日:1.1、新站点、新文档

发布于 作者

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

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;
    });
  • 现在您可以将逗号分隔的 selector 列表传递给以下过滤器函数
    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 团队 中的每个人,他们投入了大量时间和精力使这个版本变得非常好。

我明天会发表一篇“Query 现状”文章,谈谈 jQuery 在过去一年中取得的成就,以及宣传团队将发表几篇关于使用新的 jQuery 1.1 可以做什么的博客文章。

感谢大家让 jQuery 的第一年如此精彩。

73 条评论在“jQuery 生日:1.1,新网站,新文档

  1. 引用: NM-blog » CSS tips

  2. 引用: Happy birthday JQuery! | oriolmorell.cat

  3. 引用: t8d blog » Blog Archive » JQuery 1.1

  4. 引用: Dan Atkinson » Blog Archive » jQuery 1.1 for WordPress?

  5. 新网站几乎非常好。去掉jQuery上的反光,尤其是在它干扰标语的情况下。为闪光而闪光。除此之外,做得不错。

  6. Raffael Luthiger 发表于 说:

    新网站真的很好。除了没有设置背景颜色。(我这里是灰色,但看图片应该是白色)

  7. 引用: andrewskinner[dot]name » Blog Archive » links for 2007-01-17

  8. 新网站看起来很棒!我期待着使用jQuery 1.1和这本书。

    祝贺约翰,并感谢您(以及开发团队)花费时间和精力使jQuery成为一个不错的库。

  9. 引用: Blogging Web 2.0 Web Design | Technology News | Social Networking | Color Tagging | Ajax | CSS | SEO | Tyic » jQuery Birthday: 1.1, New Site, New Docs

  10. 引用: Vinny Carpenter’s blog » Daily del.icio.us for Jan 21, 2007

  11. 引用: Domain Name Diary » Blog Archive » News Wire: The Secret Origin of Ajax

  12. 引用: SitePoint Blogs » News Wire: The Secret Origin of Ajax

  13. 关于“焕然一新的网站设计”,您忘记将body背景颜色设置为#fff,这是浏览器的默认颜色(对我来说是灰色)。

  14. devcw 发表于 说:

    这太棒了。恭喜!!!我是jQuery的粉丝,很高兴看到这个新版本。而且这本书听起来会列入我的阅读清单,希望尽快发布。

  15. Viking KARWUR 发表于 说:

    迟到的生日快乐……祝贺整个开发团队……成功……

  16. 引用: Learning jQuery » jQuery 1.1.2 Released

  17. 引用: jQuery 1.1 is reborn on its first birthday

  18. 引用: jQuery: » jQuery Book Coming Soon

  19. 引用: Learning jQuery » Learning jQuery, the Book