本文來自ajax之家，為jQuery 1.4官方文檔中文版的發(fā)布公告。jQuery 1.4在本月中旬發(fā)布。

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的沂源網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

為了慶祝jQuery的四周歲生日, jQuery的團(tuán)隊(duì)榮幸的發(fā)布了jQuery Javascript庫的最新主要版本! 這個版本包含了大量的編程，測試，和記錄文檔的工作，我們?yōu)榇烁械胶茯湴痢?/p>

我要以個人的名義感謝 Brandon Aaron, Ben Alman, Louis-Rémi Babe, Ariel Flesler, Paul Irish, Robert Kati?, Yehuda Katz, Dave Methvin, Justin Meyer, Karl Swedberg, and Aaron Quint。謝謝他們在修復(fù)BUG和完成這次發(fā)布上所做的工作。

下載(Downloading)

按照慣例，我們提供了兩份jQuery的拷貝，一份是最小化的(我們現(xiàn)在采用Google Closure作為默認(rèn)的壓縮工具了)，一份是未壓縮的(供糾錯或閱讀)。

• jQuery壓縮 (23kb Gzipped)  http://code.jquery.com/jquery-1.4.min.js
• jQuery常規(guī) (154kb)  http://code.jquery.com/jquery-1.4.js

另外，Google也在他們的服務(wù)器上放置了一份jQuery的拷貝。這份拷貝會自動的最小化然后壓縮 – 并且放在Google最快的緩存服務(wù)器上。

• http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

你可以在你的站點(diǎn)上直接引用上面的URL，這樣就可以享受迅速加載jQuery的性能優(yōu)勢了。

就jQuery1.4來說，我們努力的減少大規(guī)模升級中的麻煩 – 通過保持所有public函數(shù)的簽名。即使如此，還請通讀可能會造成問題的變更列表，這樣能夠了解哪些變更可能會給你的應(yīng)用造成問題。

(功能) Features

下面的內(nèi)容概括了jQuery1.4里加入的變更和功能。另外所有的變更都已經(jīng)在jQuery 1.4 的文檔里記錄了。

熱門方法經(jīng)過了性能上的大”檢修”

不少比較熱門的和常用的jQuery方法在1.4里被重寫了。(譯注:重寫了方法的內(nèi)部，外部調(diào)用沒有大幅度改變) 我們分析源碼的時候發(fā)現(xiàn)我們能夠獲得大幅的性能提升，通過把jQuery和自己比較: 查看內(nèi)部函數(shù)被調(diào)用了多少次，然后努力降低源碼的復(fù)雜度(譯注:計(jì)算機(jī)算法中的Complexity)

View the cropped chart.

在1.4版里我們顯著的降低了大部分熱門jQuery方法的的復(fù)雜度。

更易用的設(shè)置函數(shù) (Easy Setter Functions)

算來已經(jīng)有一陣了，你們已經(jīng)可以給.attr()傳遞一個函數(shù)，然后這個函數(shù)的結(jié)果會被用來賦給相應(yīng)的HTML屬性(attribute)上。這個功能現(xiàn)在被移植到所有的設(shè)置函數(shù)了: .css(), .attr(), .val(), .html(), .text(), .append(), .prepend(),.before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), 以及 .toggleClass().

另外, 對于下面幾個方法，當(dāng)前的值會被作為第2個變量傳遞給這個函數(shù)。.css(), .attr(), .val(), .html(), .text(), .append(),.prepend(), .offset(), .addClass(), .removeClass(), 以及 .toggleClass().

這樣代碼就可以這樣寫:

// 找出所有A標(biāo)簽里的'&'字符，然后用一個span標(biāo)簽包圍
$('a').html(function(i,html){
return html.replace(/&/gi,'&');
});
// 給一些鏈接的title屬性加些信息
$('a[target]').attr("title", function(i,title){
return title + " (新窗口打開)";
});

Ajax

嵌套參數(shù)的序列化 (jQuery.param() 文檔, Commit 1, Commit 2)

jQuery 1.4在jQuery.param方法里加入了嵌入?yún)?shù)序列化的支持，借用了PHP編程里興起的，而后又被Ruby on Rails推廣開來的方式。
舉例來說，
{foo: ["bar", "baz"]} 會被序列化為 “foo[]=bar&foo[]=baz”.

在jQuery 1.3版里, {foo: ["bar", "baz"]} 曾被序列化為 “foo=bar&foo=baz”. 但是，這樣做沒用辦法將只含有一個元素的陣列編碼。如果你需要舊的序列化方式，你可以設(shè)置傳統(tǒng)Ajax設(shè)置來進(jìn)行切換。(使用jQuery.ajaxSettings.traditional進(jìn)行全局切換，或者根據(jù)情況單獨(dú)切換。

總共有3種方式可以切換到舊的序列化方式:

// 全局改變序列化方式 (使用舊的)
jQuery.ajaxSettings.traditional = true;
// 指定情況使用舊的序列化方式
jQuery.param( stuff, true );
// 針對一個單獨(dú)的Ajax請求使用舊的序列化方式
$.ajax({ data: stuff, traditional: true });

更多信息參見: jQuery.param() 文檔, jQuery.ajax() 文檔, Commit, Code

JSON和腳本類型通過”content-type”自動識別。 (jQuery.ajax 文檔, Commit 1, Commit 2)

如果一個Ajax請求的回復(fù)的媒體類型是JSON(application/json), dataType默認(rèn)設(shè)為”json”(如果dataType沒有被指明)。另外，如果回復(fù)的媒體類型是 Javascript(application/javascript), dataType默認(rèn)設(shè)為”script”(同樣，如果dataType沒有明確指明), 這種情況下，腳本會自動運(yùn)行。

加入了Etag的支持 (jQuery.ajax() 文檔, Commit)

默認(rèn)設(shè)置下, jQuery會忽略Ajax請求的”Last-Modified”頁頭。這樣做是為了忽略瀏覽器的緩存。設(shè)置ifModified:true就可以使 jQuery使用可用的緩存。jQuery1.4還會發(fā)出”If-None-Match”的頁頭如果你設(shè)置了ifModified選項(xiàng)。

嚴(yán)格JSON模式，本地的JSON.parse方法 (jQuery.ajax() 文檔, Commit 1, Commit 2, Commit 3)

jQuery 1.3和以前的版本曾使用Javascript的eval對引入的JSON解析。1.4版則會使用本地的JSON解析器，前提是如果有本地的解析器可用。它也會對引入的JSON進(jìn)行校驗(yàn)。所以在jQuery.getJSON方法里，或當(dāng)一個Ajax請求的dataType是”json”的時候，jQuery會拒絕不合標(biāo)準(zhǔn)的JSON(例如{foo: "bar"})。

序列化HTML5的元素 (jQuery.param() 文檔, Commit)

新的HTML5輸入方法 (比如’datetime’和’range’)在序列化.serialize()一個表單的時候會被包括在內(nèi)。

Ajax請求的環(huán)境 (jQuery.ajax() 文檔, Commit)

你可以附加一個”環(huán)境”到Ajax請求上，所有的回調(diào)函數(shù)里都會擁有同樣的”環(huán)境”設(shè)置(這樣可以簡化你的代碼，盡可能避免使用閉合,或是其他對象)。

jQuery.ajax({
url: "test.html",
context: document.body,
success: function(){
jQuery(this).addClass("done");
}
});

請求成功回調(diào)函數(shù)的第三個參數(shù)會被設(shè)為原始的XHR對象 (jQuery.ajax() 文檔, Commit)

所有的Ajax請求的成功回調(diào)函數(shù)現(xiàn)在都會收到原始的XMLHttpRequest對象，作為第三個參數(shù)。之前這個XHR對象只能通過$.ajax一類方法的返回值來獲取。

明確設(shè)置”Content-Type” (jQuery.ajax() 文檔, Commit)

在1.3版，如果沒有實(shí)際數(shù)據(jù)發(fā)送，jQuery.ajax的contentType會被忽略。1.4版里，contentType將總是和請求一同發(fā)送。這修復(fù)了某些后臺憑靠”Content-Type”頁頭判斷回復(fù)類別所造成的問題。

明確設(shè)置JSONP回調(diào)函數(shù)的名字 (jQuery.ajax 文檔, Commit)

你可以使用jQuery.ajax()方法的jsonpCallback選項(xiàng)，通過名字來指定JSONP的回調(diào)函數(shù)。

防止啟動前跨域XHR (Commit)

跨域Ajax(針對提供支持的瀏覽器)將更易用，因?yàn)槟J(rèn)設(shè)置下，啟動前XHR被阻止了。(TODO)

jQuery.ajax()現(xiàn)在使用”onreadystatechange”事件替換了計(jì)時器 (Commit)

使用”onreadystatechange”替換了輪流探詢，Ajax請求現(xiàn)在將使用更少的資源

元素屬性 (Attributes)

.css()和.attr() 的性能被優(yōu)化了。

<

.attr()方法多了一個設(shè)置函數(shù)作為參數(shù) (.attr() 文檔)

你不但可以將一個函數(shù)用在.attr()里，還可以在這個函數(shù)里使用屬性的當(dāng)前值。

jQuery('')
.attr("alt", function(index, value) {
return "Please, " + value;
});

.val( Function ) (.val() 文檔)

jQuery("input:text.food").hide();
jQuery("
Peanut Butter
Jelly
"
)
.sortable()
.bind("endsort", function() {
$(":text.food").val(function() {
return $("ul.sortable li:eq(" + $(this).attr("data-index")  + ")").text();
});
});

text和CDATAHTML元素也支持.text()方法了 (.text() 文檔, Commit)

核心 (Core)

快捷元素創(chuàng)建 (jQuery() 文檔, Commit)

現(xiàn)在當(dāng)你需要使用jQuery函數(shù)創(chuàng)建一個元素的時候，你可以同時附遞一個對象來指定屬性值和事件:

jQuery("

   
    ", {
id: "foo",
css: {
height: "50px",
width: "50px",
color: "blue",
backgroundColor: "#ccc"
},
click: function() {
$(this).css("backgroundColor", "red");
}
}).appendTo("body");
   

對象里的鍵值的名字與相關(guān)的jQuery的方法的名字是對應(yīng)的，對象的值會被作為參數(shù)傳遞給jQuery的方法。

(譯注:譬如$("link", {css:{background:"#ccc"}});相當(dāng)于$("link")).css("background", "#ccc");

.eq(-N), .get(-N) (負(fù)指數(shù)) (.eq() 文檔, .get() 文檔, Commit)

你現(xiàn)在可以在.get()和.eq()方法里使用負(fù)數(shù)。譬如，你要選擇倒數(shù)第2個div元素，或者是倒數(shù)第2個DOM對象:

$("div").eq(-2);
$("div").get(-2);

新的.first()和.last()方法 (.first() 文檔, .last() 文檔, Commit)

方便起見, 新增的.first()和.last()方法等同于.eq(0)和.eq(-1).

新的.toArray()方法 (.toArray() 文檔, Commit)

.get()方法自始就是從jQuery集合里返回一個陣列。為了能夠更明確, 你可以用.toArray()來達(dá)到一樣的效果。(譯注:這里應(yīng)該是為了以后的版本留出空間，譬如以后可能會加入.toList()方法，到時候就會易于區(qū)分。) 不過，和.get()不一樣的是，.toArray()不接受參數(shù)。

jQuery()返回一個空集 (jQuery() 文檔, Commit)

在jQuery 1.3中,jQuery()方法返回僅包括document的jQuery集合。這個可以用來創(chuàng)建一個空集，然后動態(tài)加入一些元素。注: jQuery().ready()方式在1.4中依然有效，但是被指示陳舊了。請使用jQuery(document).ready()或者jQuery(function(){})。

jQuery(“TAG”) (Element Selector 文檔, Commit)

當(dāng)使用單個標(biāo)簽名字的時候jQuery會使用更快捷的路徑。

jQuery(“

$("div").toggleClass("current active");

$("#clickme").click(function() {
$("div").animate({
width: ["+=200px", "swing"],
height: ["+=50px", "linear"],
}, 2000, function() {
$(this).after("
Animation complete.
");
});
});

var obj = {
name: "John",
test: function() {
alert( this.name );
$("#test").unbind("click", obj.test);
}
};
$("#test").click( jQuery.proxy( obj, "test" ) );

$("div.test").bind({
click: function(){
$(this).addClass("active");
},
mouseenter: function(){
$(this).addClass("inside");
},
mouseleave: function(){
$(this).removeClass("inside");
}
});

$("form").focusout(function(event) {
var tgt = event.target;
if (tgt.nodeName == "INPUT" && !tgt.value) {
$(tgt).after("nothing here");
}
});

var foo = $("#foo").click(function() {
// 相關(guān)操作
});
foo.detach();
// foo保留了相關(guān)處理函數(shù)
foo.appendTo("body");

annie
 
davey
 
stevie

$('div').unwrap();

annie
 
davey
 
stevie

jQuery("
").before("
Hello
").appendTo("body")

$("div").fadeIn().delay(4000).fadeOut();

jQuery("div").queue("ajax", function(next) {
var self = this;
jQuery.getJSON("/update", function(json) {
$(self).html(json.text);
next();
};
}).queue("ajax", function() {
$(this).fadeIn();
});

// 計(jì)算第一個 
 元素在它所有的同父元素中的指數(shù):
$("li.current").index()

// 計(jì)算這個 
 元素在頁面上所有 
 元素里的指數(shù):
$("#more-info").index("h3")

函數(shù)調(diào)用的次數(shù)
547    3
760    3
500    200
896    399
23909    299
307    118
28955    100
28648    201
1662    593
DOM嵌入
558    317
1079    624
1079    516
1155    829
436    332
196    194
243    169
HTML
116    46
281    78
313    78
234    63
134    43
43    42
91    27
CSS/屬性
703    370
1780    1250
1765    1250
1157    749
629    498
346    184
333    161
CSS
114    52
203    93
118    93
109    47
116    54
58    24
54    22
CSS類
553    138
1578    546
1515    501
1033    327
769    298
229    80
173    41
移除/清空
3298    286
9030    2344
7921    1703
5282    1266
2898    303
1166    140
1034    122