The difference between jQuery's. val () and. attr ("value") in resetting the input file tag is jquery. val

The difference between jQuery's. val () and. attr ("value") in resetting the input file tag is jquery. val

Background:

When clearing the selected value of the input file tag, the following methods are used to find some errors:

[√] $ ("# File") [0]. value = "";
[√] $ ("# File") [0]. value = null;

[×] $ ("# File"). attr ("value ","");
[×] $ ("# File"). attr ("value", null );
[√] $ ("# File"). val ("");
[√] $ ("# File"). val (null );

Why is the result different when the value is changed?

Explain:

Refer to stackoverflow "jQuery. val () vs. attr (" value ")" Question. The answer is as follows:

The gist is that. attr (...) is only getting the objects value at the start (when the html is created ). val () is getting the object's property value which can change times.

The translation is:

. Val () sets the value attribute of input. input is an instance of HTMLInputElement and value is defined by the setter method. When values are assigned, the value is written to input; the method for changing the value attribute actually operates the dom value attribute, which triggers the browser repaint and updates the input value.

The above section describes jQuery from the reset input file tag. val () and. the difference between attr ("value") and I hope it will help you. If you have any questions, please leave a message and I will reply to you in a timely manner. Thank you very much for your support for the help House website!