下面是一个简单的例子来说明行为:
给定这个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!