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

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

In jquery, you can change the position of the div using the css () method with the margin property, the css () method is used to set or return one or more style properties of the selected element, the margin property is used to set the outer margin of the element, and the syntax is "div object .css (margin: changed location value;)".

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How does jquery change the location of div

In jquery, the location style of div is set mainly through the css () method to modify the location of div.

Create a new html file, named test.html, to explain how jQuery dynamically modifies the DIV location. Use the div tag to create a module that will be used below to dynamically change its location using the jquery method. Set the class property of div to mydiv, which is mainly used to obtain the div object through this class.

To show the obvious effect, use css to set the height and width of the div to 150px, and the border to be a 1px solid gray border. Create a button using the button tag, bind the button button to an onclick click event, and execute the edit () function when the button is clicked.

Within the js tag, create the edit () function. Within the function, get the div object through the class name, and use the css () method to set the left margin margin-left and the top margin margin-top, thus changing the position of the div.

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

Summary:

1. Create a test.html file.

2. In the file, create a module using the div tag and a button using the button tag to trigger the execution of the js function.

3. In the js tag, create a function. In the function, by obtaining the div object, use the css () method to set the left margin margin-left and the top margin margin-top, so as to modify the position of the div.

Matters needing attention

The css () method supports the setting of all css styles, with multiple styles separated by commas.

At this point, the study on "how jquery changes the location of div" 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.