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

This article will explain in detail how jquery changes the height of elements, Xiaobian thinks it is quite practical, so share it with you as a reference, I hope you can gain something after reading this article.

jquery Change the height of the element method: 1, create a new html file;2, use div tag to create a module;3, use css to set the div style by id;4, create a button;5, in the js tag to create addheight() function;6, use height() to set div high.

Operating environment: Windows 7 system, jquery3.2.1 version, DELL G3 computer

Dynamically change the div height with jquery:

Create a new html file named test.html that explains how to dynamically change the height of a div with jquery.

In the test.html file, create a module using the div tag and set its id to mytest.

In the css tag, use css to style div by id, defining div height as 100px, width as 100px, and background color as yellow.

In the test.html file, create a button with the button tag called "change div height."

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

In the js tag, create the addheight() function, inside the function, get the div object by id(mytest), use the height() method to get the div height, and then use height() to set the div height again, for example, dynamically add 100px to the div height.

Open the test.html file in your browser and click on the button to see how it works.

About "jquery how to change the height of elements" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it to let more people see.

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.