jQuery Basic Tutorial

jQuery Effects

The val() method is used to get or set the attribute value of the selected FORM element.

Use the val() methodGetWhen setting the attribute value, it returnsThe first selected elementvalue.

Use the val() methodSetWhen setting the attribute value, it will overrideAll selected elementsvalue.

Note: The val() method is mainly used to get the value of FORM elements, such as input, select, and textarea.

Get the value attribute:

$.val()

Set the value attribute:

$.val(value)

Use a function to set the value attribute:

$.val(function(index,　currentValue))

Get the value of the <input> field:

Example

$("button").click(function(){
　　$("input:text").val();
});

Set the value of the <input> field:

Example

$("button").click(function(){
　　$("input").val("Hello　world");
});

Use a function to change the value of an element:

Example

$("button").click(function(){
　　$("input:text").val(function(i,　val){
　　　　return　val　+　"　Hello";
　　});
});

Parameter	Description
value	For the values of all selected elements Note:If this parameter is omitted, the val() will return the value property of the first selected element
function(index, currentValue)	Specify a function that returns the value to be set index-Return the index position of the element in the collection currentContent-Return the current value of the selected element