jquery - 正确更新 HTML 数据属性但更改未显示在页面上

Question

我有这个 HTML:

<input type="text" id="query" data-source="whatever">

我有一些 jQuery 可以成功更改数据属性，即“无论什么”更改为“测试”

$(function() {
    $('#query').data('source', 'test');
    console.log($('#query').data());
});

但是如果我使用 Chrome 检查页面，元素中的数据属性还没有更新。我可以在控制台中打印它，但我无法检查新值!很困惑。有什么想法吗？

这里是 fiddle

Answer 1

数据不存储在元素上(为此使用 attr 或 prop)。相反，jQuery 在 $.cache 中维护它。