jQuery .val（）vs .attr（“value”）

仅供将来参考，我提供了一个很好的例子，可以帮助我们解决疑问：请尝试以下方法。在这个例子中，我将创建一个文件选择器，可用于选择文件，然后我将尝试检索我选择的文件的名称： HTML代码如下：<html>     <body>         <form action="#" method="post">             <input id ="myfile" type="file"/>         </form>         <script type="text/javascript" src="jquery.js"> </script>         <script type="text/javascript" src="code.js"> </script>     </body></html>code.js文件包含以下jQuery代码。尝试逐个使用两个jQuery代码片段并查看输出。带attr的jQuery代码（'value'）：$('#myfile').change(function(){     alert($(this).attr('value'));     $('#mybutton').removeAttr('disabled');});带val（）的jQuery代码：$('#myfile').change(function(){     alert($(this).val());     $('#mybutton').removeAttr('disabled');});输出：带有attr（'value'）的jQuery代码的输出将是'undefined'。带有val（）的jQuery代码输出将是您选择的文件名。说明：现在您可以轻松理解最佳答案想要表达的内容。带有attr（'value'）的jQuery代码的输出将是'undefined'，因为最初没有选择文件，所以值是未定义的。最好使用val（），因为它获取当前值。为了了解返回未定义值的原因，请在HTML中尝试此代码，您将看到attr。（'value'）始终返回'test'，因为该值为'test'，之前未定义。<input id ="myfile" type="file" value='test'/>我希望它对你有用。

jQuery .val（）vs .attr（“value”）

3回答