jQuery 1.4新特性及其变化(上)

为庆祝jQuery的四周年生日，jQuery官方团队正式发布了jQuery 1.4版本。在这个版本中，jQuery官方团队做了大量的编码、测试和文档工作，相对之前版本自然改进不少，让我们一起来看看有那些新变化吧。

本文分上下两篇，上篇主要总体介绍jQuery 1.4版本的相关使用及更新，下篇通过一些代码示例来展示更新的方法及新添加的方法。

【下载及调用】

像以往一样，官方提供了jQuery的两份拷贝，一份是压缩版本（使用Google Closure Compiler压缩，之前使用的是YUI），另一份是未压缩版本（用来调试和阅读）。

• jQuery压缩版本（23kb，gzip压缩后）

• jQuery未压缩版本（154kb）

之前曾提议过 通过google服务器加载jQuery，提高加载速度。现在，我们依然可以通过Google的服务器调用压缩后的jQuery 1.4版本文件，如下：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script>

【新特性及变化】

在jQuery 1.4中，许多常用的jQuery方法被重写，这些改进不仅更易用，也带来了性能的显著提升。

注：以下为概述，不详之处参见下篇的代码解释。

1、为一些方法添加设置函数（Setter Functions）

在之前版本中，我们可以给attr()方法传入一个函数，将函数的返回值赋予某个属性。1.4中，这个功能被添加到了更多的方法中：.css()、 .attr()、 .val()、 .html()、 .text()、 .append()、.prepend()、 .before()、 .after()、.replaceWith(), .wrap()、 .wrapInner()、 .offset()、 .addClass()、 .removeClass()、 .toggleClass()。

此外，在下面方法中，还可以传入当前值作为设置函数的第二个参数，供设置函数使用：.css()、.attr()、.val()、.html()、.text()、.append()、.prepend()、.offset()、.addClass()、.removeClass()、和 .toggleClass()。例如：

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

2、更新了jQuery中序列化的核心方法jQuery.param()

之前对于{foo: ["bar", "baz"]}序列化后的结果是“foo=bar&foo=baz”，现在为“foo[]=bar&foo[]=baz”。
这样更改的目的主要是告诉接收端，传入的是一个数组对象。

3、在jQuery.ajax 中可在不指定dataType属性时，会根据response的content-type自动识别。

例如：ajax请求返回的对象是json类型（application/json），则dataType会自动指定为”json”（不指定的情况下）。

4、在jQuery.ajax请求中，添加对Etag的支持。

之前jQuery在ajax请求中是在header中不发送If-None-Match值的（也就是不支持Etag），也就默认忽略了浏览器缓存。现在可以通过指定ifModified属性开启它。

提示：如果您不了解http header的相关知识，推荐阅读这篇文章。