.prop () VS.val (). Set input text value using jQuery

Question

After reading (interesting) .prop () vs .attr () and jQuery Performance: attributes of doubt in my understanding about which is better to use: .prop () or .val ()? I want to set the value of the input text.

The jQuery.prop () page indicated the following:

Properties typically affect the dynamic state of a DOM element without changing the serialized HTML attribute. Examples include the value property of input elements, the disabled property of inputs and buttons, or the checked property of a check box. The .prop () method should be used to set the disabled and marked instead of the .attr () method. To get and set the value , use the .val () method.

But for performance, .prop () seems better than the values ​​of .val ():

So I have no answer. What should I do?

$('#element').prop('value', 'Example');

or

$('#element').val('Example');

EDIT1: .prop () is always better than .val ()

EDIT2: I tried now to get the value , also .prop () is faster

EDIT3: @BeatAlex , , nativece js1

var x = document.getElementById('element').value;

, , .val() , .

PS: , jQuery - 1.11 2.1

Answer 1

val(). , , val ue .

, val , .

,

val() .

, ,

.val().

, , , :

$('input').val();

, , , , val() , prop().

LOVE, , :

Pure JS , .

Answer 2

, prop val, !

val / "" node (s). , . ( ).

, val, attr ('value') prop ('value'), ?

, , . .

prop Boolean-like DOM node. attr val

:

<input type="checkbox" checked />
<input type="checkbox" checked="checked" />
<input type="checkbox" checked="false" />
<input type="checkbox" checked="true" />

• / val()
• , , , attr ('checked'). .
• attr ('checked') if, , , if ('false')

- - prop.

, , attr, val

Answer 3

, prop() , val() .

val() prop() ( Ex: ), val() , prop().

val() , , , , .

, , prop() .

Answer 4

.

jQuery "" , val() .

IE 8 .

:

HEL


LO

.val() "HEL\n\nLO" 7

.prop("value") "HEL\r\n\r\nLO" 9

Answer 5

, . , jQuery " " usecase, , .

• attr() - HTML . , , . , write attr()
• prop() - DOM .
• val() - .