使用attr(‘value‘, xxx) 和val(xxx) 修改input 元素value_$("#myinput").attr("value", "");

如下html 代码，解释下attr(‘value’, xxx) 和 val(xxx）的区别

<input id="myInput" type="text">
1

此种情况下，value 是被保存在input 的value property中的，而不是存储在attribute中。可以获取实时的input 元素的值，用户输入的也可以直接获取到。使用 val() 设置input 元素的值：

$("#myInput").val("Hello, world!");
1

dom渲染结果如下，input 元素没有任何变化:

<input id="myInput" type="text">
1

此种情况只能在初始化input value 或者reset状态的input 生效。如果使用 attr()方法设置input 元素的value, 如下：

$("#myInput").attr("value", "Hello, world!");
1

dom渲染结果如下，input 元素新增了一个attribute： value, 值为hello, world!

<input id="myInput" type="text" value="Hello, world!">
1

所以jQuery 推荐使用val() 设置input 元素的value, 此种方法比较通用且逻辑连贯，且用户更容易获取和操作当前input 元素的value.