Question

我有以下表格：

<form>
    <input type = "text" id = "test" class = 'test'>
</form>

以下Javascript代码：

<script>
    $(function(){
        $('#test').addClass('thereIsNoSpoon').val('blah');
    })
</script>

当我打开页面，查看Chrome的开发者工具时 - ＆gt;元素，我可以在输入元素上看到，那个类“那里是没有多少”＆＃39; 可见（Chrome注意到了更改，并为我显示了更改），同时它并未反映出“＆＃39;值”的变化。属性。也就是说，我可以在页面上看到此更改，但不能在Dev Tools中看到。

我有两个问题 - 为什么这样做，反映/不反映DOM的变化背后的规则是什么。

Answer 1

jquery $().val('some_value')设置元素的value属性。不会改变元素的value属性。当你使用$().attr('value','some_value')时，你可以看到值attribut