How to use the val () method of jquery

This article introduces the relevant knowledge of "how to use the val () method of jquery". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

In jquery, the val () method can be used to return the value of the value attribute of the first matching element with the syntax "$(selector). Val ()", or to set the value of the value attribute of all matching elements, with the syntax "$(selector) .val (" new value ")".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery val () method

In jquery, the val () method is used to return or set the value of the value attribute of the selected element.

When used to return a value:

This method returns the value of the value attribute of the first matching element.

(selector) .val ()

When used to set values:

This method sets the value of the value attribute of all matching elements.

$(selector) .val (value) / / set the value property through the function: $(selector) .val (function (index,currentvalue))

Example 1: returns the value of the value attribute of the first matching element.

$(document) .ready (function () {$("button") .click (function () {alert ($("input"). Val ();});}) Favorite fruit:

Returns the value of the input field

Example 2: set the value of a field

$(document) .ready (function () {$("button") .click (function () {$("input"). Val ("durian");}) Favorite fruit:

Set the value of the input field

This is the end of the content of "how to use the val () method of jquery". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!