Neden jQuery $ .fn.data() 'da değişiklik yapmıyorsunuz, ilgili html 5 data- * niteliklerini güncelleştirin?

Question

İşte davranışı göstermek için basit bir örnek:

bu html biçimlendirme Verilen:

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

ve (jQuery 1.5.1 kullanarak) bu jQuery kodu:

// 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 otomatik ithalat yana HTML5 verileri jQuery'nin veri nesnesine *, veriler değiştiğinde özelliklerin güncellenmemesi gerekir mi?

Answer 1

Normalde, .Data kullanarak tutarlı iseniz .data() 's roundtripping ihtiyaç vardır değil() DOM öğeleri verileri değiştirme// kümesine erişmek için. Bu nedenle, her .data() set/değiştirme işlemi için DOM'a erişmenin performans yükünden kaçınmak mantıklıdır (.data(), değerlerini jQuery.cache içinde dahili olarak saklar).

Gidiş dönüşümü davranışını kendiniz zorlamak istiyorsanız, "setData" veya "changeData" olaylarına abone olabilir ve .data() güncelleştirmesini bu olaylarda .attr() aracılığıyla ilgili DOM öğesine gönderebilirsiniz.

Answer 2

Bu dokümanlara göre doğru bir davranıştır:

veriye özellikler veri özelliği olan erişim veya mutasyona uğramış daha sonra erişilebilir ve ilk kez olarak çekilir (tüm veriler değerler depolanabilir jQuery içinde dahili olarak.

(from: http://api.jquery.com/data)