jQuery 1.2.2 发布

发布日期: 作者:

这是一个针对 jQuery 1.2 的错误修复版本。您可以在 错误跟踪器 上查看修复的所有内容的完整列表。

下载

jQuery 1.2.2

重要变更

Brandon Aaron 和 David Serduke 为此版本付出了很多努力。David 是 jQuery 核心开发团队的新成员,一直在做出重大贡献——请帮助我们欢迎他!

主要来说,这是一个错误修复和优化版本。我们修复了 120 多个错误,我们的测试套件现在包含 1157 个测试——我们对此感到非常自豪。

$(DOMElement) 的速度提升 300%

我们再次对 jQuery 中使用最频繁的功能进行了微调。具体来说,将 DOM 元素传递给 jQuery 函数。 (在代码中看到 $(this) 时最常使用。)

以下是您在所有主要浏览器中可以期待的加速情况的快速预览

浏览器 1.2.1 (毫秒) 1.2.2 (毫秒)
Firefox 2 0.041 0.015
Firefox 3 0.033 0.01
Safari 3 0.017 0.005
Opera 9 0.023 0.004
Internet Explorer 6 0.04 0.03

.ready() 大修

document ready 函数长期以来一直需要一些额外的关注。我们做了一些具体的变化。

  • Internet Explorer document ready 性能显著提升。我们使用了一种受 Diego Perini 启发的全新技术。它使我们不再需要使用 document.write(),这真是太棒了。
  • 除了 DOM 之外,所有浏览器现在都会等待 CSS 准备好。实际上,它不再是纯粹的 document ready——但我们发现,用户绝大多数情况下需要等待文档样式生效 (例如,知道元素是否可见或其高度)。具体来说,我们对 Safari 和 Opera 做了一些改进,使其成为可能。
  • $(document).bind("ready", fn); - 您现在可以通过传统的 .bind() 函数监听 document ready 事件。当然,.ready() 仍然按预期工作。

.bind(“mouseenter”) / .bind(“mouseleave”)

.hover() 函数的核心功能已被拆分为两个新的跨浏览器事件:mouseenter 和 mouseleave。它们不同于 mouseover 和 mouseout,因为当您在子元素中移动时,这些事件会触发 (这通常不是我们想要的)。例如,以下两种方法都是有效的,并且在 jQuery 1.2.2 中完美运行

$("li").hover(function(){
  $(this).addClass("hover");
}, function(){
  $(this).removeClass("hover");
});
$("li").bind("mouseenter", function(){
  $(this).addClass("hover");
}).bind("mouseleave", function(){
  $(this).removeClass("hover");
});

.bind(“mousewheel”)

我们有一个 [http://dev.jquery.com/browser/trunk/plugins/mousewheel/jquery.mousewheel.js 新插件],由 Brandon Aaron 编写,基于新的事件 API,它为 jQuery 核心添加了鼠标滚轮事件支持。这将允许您编写以下代码

$("div").bind("mousewheel", function(event, delta){
  if ( delta < 0 )
    $(this).append("up");
  else
    $(this).append("down");
});

复杂的 :not()

即使它不是 CSS 3 规范的一部分,它一直是一个常见的特性请求——因此您现在可以在 :not() 选择器中使用复杂的表达式。例如,以下操作现在有效

$(".hover:not(li.active)")
$("li:not(.active,.hover,:contains(test))")

接受头

对于正常的 jQuery Ajax 操作,我们现在会发送一个额外的 Accept 头,让服务器知道我们正在寻找什么类型的内容。如果您指定了 dataType 参数,那么我们将为您处理所有头设置。我们目前为每个 dataType 发送以下头。

  • xml "application/xml, text/xml"
  • html "text/html"
  • script "text/javascript, application/javascript"
  • json "application/json, text/javascript"
  • text "text/plain"
  • 其他所有:"*/*"

错误修复

以下是一些进行了重要大修的功能示例。

  • .clone() 大修
  • 脚本评估大修
  • height() / width() 大修
  • 跨帧 DOM 操作
  • 已解决一些内存泄漏

事件 API

有一个用于处理事件的新 API。您现在可以创建自己的自定义事件类型 (带有自定义的设置和拆卸方式)。实际上,它允许您超越简单的事件触发,并为元素上的事件附件、处理和拆卸创建一个完整的方案。一个 [http://dev.jquery.com/browser/trunk/plugins/mousewheel/jquery.mousewheel.js 演示插件] 由 Brandon Aaron 创建,您可以使用它来学习强大的新 API。

评论已关闭。