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

This article focuses on "how jquery modifies type properties". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how jquery modifies type properties.

In jquery, you can use the attr () method to modify the type attribute of an element, which sets the attribute value of the selected element, with the syntax of "$(selector) .attr (" type "," new value ")" or "$(selector). Attr ({type: new value})".

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

In jquery, you can change the type type using the attr () method by getting the input object. Syntax:

$(selector) .attr ("type", "new value"); $(selector) .attr ({type: new value})

Example:

Within the p tag, create an input box using the input tag and set its value default to abcdefg.

In the test.html file, set the id attribute value of the input tag to tuinput, which is mainly used to obtain the input object through this id below.

Within the test.html file, use the button tag to create a button named "change the type property of input".

In the test.html file, bind the onclick click event to the button button, and execute the editype () function when the button is clicked.

In the js tag, create the editype () function, within which the input object is obtained through id (tuinput), and the attr () method is used to change the value of the type attribute to password.

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

At this point, I believe you have a deeper understanding of "how jquery modifies type properties". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

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.