Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how jquery changes the value of element objects". In daily operation, I believe many people have doubts about how jquery changes the value of element objects. Xiaobian consulted all kinds of data and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "how jquery changes the value of element objects". Next, please follow the editor to study!

Jquery changes the value of the object: 1, use the "$(element)" statement to get the specified element object; 2, use the val () method to change the value of the element object, the syntax is "element object .val (new value)".

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

How jquery changes the value of an element object

In jquery, you can use the val () method to change the value of the object, and the val () method returns or sets the value of the selected element. The value of the element is set through the value attribute. This method is mostly used for input elements. If the method does not set a parameter, it returns the current value of the selected element.

The syntax of this method is:

$(selector) .val (value)

Let's take a look at how to change the value of an object through an example, as follows:

1. Create a new html file, named test.html, to explain how jquery changes the value of input. Within the p tag, create a text input box using the input tag and set the value value to default. Set the id property of input to testinput, which is mainly used to obtain the input object through this id.

Use the button tag to create a button named "change value". Bind the onclick click event to the button button, and execute the setny () function when the button is clicked.

2. In the js tag, create the setny () function. In the function, get the input object through id (testinput), and use the val () method to modify the value of input. For example, set the value value to "this is the new value".

Open the test.html file in the browser and click the button to see the effect of the implementation.

At this point, the study on "how jquery changes the value of element objects" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.