其實(shí)是這樣的，當(dāng)我們執(zhí)行例如這樣的語句時(shí) $("#id").data("test"); (簡化后的過程) 第一步: jQuery 會(huì)獲取到 $("#id") 元素，對(duì)吧、 第二步: 執(zhí)行到 data方法 的時(shí)候，他會(huì)通過 attributes 取我們要的對(duì)應(yīng)值。 第三步: 返回結(jié)果給我們，然后 jQuery 把值緩存到內(nèi)部對(duì)象里 第一次取的時(shí)候，我們可以得到的 undefined，字符串，數(shù)字或者解析后的json。  那有人會(huì)說這個(gè)和 attr 有什么區(qū)別呢？ 當(dāng)我們第二次執(zhí)行 $("#id").data("test"); 的時(shí)候： 第一步: jQuery 會(huì)獲取到 $("#id") 元素，和上面一樣。 第二步: 執(zhí)行到 data方法 的時(shí)候，從 jQuery 的緩存中取值 第三步: 返回結(jié)果給我們  發(fā)現(xiàn)第二步不同了，對(duì)吧，為什么不是從 attributes 取值，而是從緩存中取呢？ 緩存其實(shí)是js的對(duì)象，簡單說就類似 var cache = {}; jQuery 在第一次取值之后就會(huì)保存到這個(gè)緩存對(duì)象中，這樣我們?cè)俅尾僮鞯臅r(shí)候就非常快了、 往往性能的損耗都是在 dom 操作上，所以避免重復(fù)操作 dom 是非常必要的。  到這，也能看出他和 attr 最大的區(qū)別了，比如 <div id="id" data-test="hehe"></div> $("#id").data("test", "123"); 執(zhí)行后依然是 data-test="hehe"$("#id").attr("data-test", "123"); 執(zhí)行后會(huì)是 data-test="123" 那么我們要給一個(gè)元素賦值值，或者對(duì)象的時(shí)候他們有什么區(qū)別呢？比如 <div id="id" data-test="hehe"></div> $("#id").data("test", {str: "hehe"}); 會(huì)把 {str: "hehe"} 賦值給 緩存，元素節(jié)點(diǎn)上依然是 data-test="hehe"$("#id").attr("data-test", {str: "hehe"}); 執(zhí)行后會(huì)是 data-test="[object Object]"這個(gè)應(yīng)該也有不少人遇到，至少群里有不少人問過這個(gè)問題。