jQuery 1.2.2 发布
这是一个针对 jQuery 1.2 的错误修复版本。您可以在 错误跟踪器 上查看修复的所有内容的完整列表。
下载
jQuery 1.2.2
- jQuery 压缩版 (gzip 后 15kb)
- jQuery 打包版 (28kb)
- jQuery 标准版 (93kb)
重要变更
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。