javascript - 通过开发者工具修改值，并使用jquery的text(),val(),attr(),data()方法获取修改的值时出现疑问?

Question

{代码...} 这是我修改的截图 （整个过程，浏览器始终不刷新） 按照以下方法处理一次： 当我使用谷歌开发者工具，直接把提交1按钮里的value值text，改成aaaa,点击提交1，会弹出aaaa. 以同样的方法处理并点击提交2...

伊谢尔伦 · Answer

之前也有人问过类似的问题，jquery.data()方法不会改变dom元素.

jquery的data 和 html5规定的data还不是一个东西。

jquery的data 只会在页面初始化时读取dom上的属性，之后的操作全部都是在js内存中进行。

dom上的属性值只是 jquery.data 初始化值，之后修改和读取都和dom上的属性没有关系。

PHPz · Answer

你确实自己保存,并且刷新页面了？f12看下data-test是否修改

PHP中文网 · Answer

你是怎么改的?

==========

你直接用F12修改源代码??? 如果是这样, 那么对jq的data是没用的, jq的data在页面加载完, 就全部写在内存了, 你直接这么改源代码, 是没用的...

用js来改. $('body').data('test', "123");

PHP中文网 · Answer

是浏览器的缘故。

你可以试着用低版本浏览器（如ie7）打开开发者工具做相同操作，会发现弹的是新的aaaa值。

原因是高级浏览器在渲染页面的时候会先过滤掉不符合w3c规范的属性，而低版本浏览器没有这个步骤。

备注：这是我猜的，如果找到证实了会重新编辑。

PHP8, ich komme auch