爲什麼不更改jQuery $ .fn.data（）更新相應的html 5 data- *屬性？

Question

這裏有一個簡單的例子來說明這個問題：

鑑於這種HTML標記：

<div data-company="Microsoft"></div> 

這jQuery代碼（使用jQuery 1.5.1）：

// read the data 
alert($("div").data("company")); 
// returns Microsoft <<< OK! 

// set the data 
$("div").data("company","Apple"); 
alert($("div").data("company")); 
// returns Apple <<< OK! 

// attribute selector 
alert($("div[data-company='Apple']").length); 
// returns 0 <<< WHY??? 

// attribute selector again 
alert($("div[data-company='Microsoft']").length); 
// returns 1 <<< WHY??? 

// set the attribute directly 
$("div").attr("data-company","Apple"); 
alert($("div[data-company='Apple']").length); 
// now returns 1 <<< OK! 

因爲jQuery的自動進口將HTML5 data- *轉換爲jQuery的數據對象，當數據改變時，不應該更新屬性嗎？

Answer 1

通常情況下，有沒有需要雙向傳遞.data()的，如果你在使用。數據是一致的（）來訪問/設置/修改DOM元素的數據。因此，爲每個.data()設置/修改操作（.data()在內部將其值存儲在jQuery.cache中）避免訪問DOM的性能開銷是有意義的。

如果要自己強制執行往返行爲，可以訂閱「setData」或「changeData」事件，然後通過.attr()將這些事件中的更新推送到相應的DOM元素。

Answer 2

這是根據該文檔正確的行爲：

Data-用屬性被拉到在第一時間中的數據屬性被訪問，然後不再訪問或突變的（所有的數據值然後被存儲內部在jQuery中）。

（來源：http://api.jquery.com/data）