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

The main content of this article is to explain "how to achieve jQuery button click to modify content", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "jQuery how to achieve button click to modify content" bar!

JQuery button click to modify the content of the method: 1, create a button button and bind click click event, specify an event handler function; 2, in the event handler function to use the text () method to modify the content of the element, the syntax is "$(selector) .text (" modified content ");".

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

Click the jQuery button to modify the content.

1. Create a new html file, named test.html, which is used to explain how jQuery changes the text to be displayed through buttons. Use the h3 tag to create a title, for example, "this is the title of the test." Add an id attribute to the h3 tag with an attribute value of myhhh, which is mainly used to obtain the h3 tag object through the id below.

Within the test.html file, use the button tag to create a button with the name "Click to change text content". Bind the onclick click event to the button button, and execute the clickbutton () function when the button is clicked.

2. In the js tag, create the clickbutton () function. In the function, get the tag object through id (myhhh), and use the text () method to change the text content displayed by the tag.

Open the test.html file in the browser and click the button to view the results.

After clicking the button

Summary:

1. Create a test.html file.

2. In the file, use the h3 tag to create a title, add an id attribute to the h3 tag, and create a button button to trigger the execution of the js function.

3. In the js tag, create a function. In the function, get the tag object through id (myhhh), and use the text () method to change the text content displayed by the tag.

Matters needing attention

To add html code to the text, you can use the html () method.

At this point, I believe you have a deeper understanding of "how to click on the button to modify content in jQuery". 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.