How jquery adds content to div

This article will explain in detail how jquery adds content to div. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

Jquery to add content to div methods: 1, using the "$(div element)" statement to match div objects; 2, the use of append () method to add content to div, the syntax is "div object .append ('added content')".

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

1. Create a new html file, named test.html, to explain how jquery adds elements to div. Use the div tag to create an area to which you will add elements to the div. Add a class attribute to the div tag to get the div object below.

Create a button using the button tag, bind the button button to an onclick click event, and execute the addny () function when the button is clicked.

2. In the js tag, create the addny () function. Within the function, get the div object through class, and use the append () method to add a p element to the div.

The append () method inserts the specified content at the end of the selected element (still inside).

The syntax is:

$(selector) .append (content)

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

After clicking the button:

Summary:

1. Use the div tag to create an area and add a class attribute to the div tag.

2. In the js tag, get the div object through class, and use the append () method to add a p element to the div.

Note:

The append () method inserts the specified content at the end of the selected element (still inside).

This is the end of the article on "how jquery adds content to div". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.