Tutorial básico de jQuery

Efectos de jQuery

El método val() de jQuery obtiene o establece el valor de propiedad del elemento FORM seleccionado.

Usando el método val()Obteneral establecer el valor de propiedad, devuelveEl primer elemento seleccionadoel valor.

Usando el método val()Estableceral establecer el valor de propiedad, cubriráTodos los elementos seleccionadosel valor.

Nota: El método val() se utiliza principalmente para obtener el valor de elementos de FORM, como input, select y textarea.

Obtener propiedad de valor:

$.val()

Establecer propiedad de valor:

$.val(value)

Establecer valor de propiedad usando una función:

$.val(function(index,　currentValue))

Obtener el valor del campo <input>:

Ejemplo

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

Establecer el valor del campo <input>:

Ejemplo

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

Modificar el valor de un elemento usando una función:

Ejemplo

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

Parámetros	Descripción
value	Para todos los valores de los elementos seleccionados Nota:Si se omite este parámetro, val() devolverá el atributo value del primer elemento seleccionado
function(index, currentValue)	Especificar una función que devuelva el valor a establecer índice-Devuelve la posición del elemento en la colección currentContent-Devuelve el valor actual del elemento seleccionado