Shulou(Shulou.com)05/31 Report--

This article mainly explains "how jquery changes width". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn how jquery changes width.

Jquery changes the width method: 1, using "element object .width (changed width value)", this method can set the width of the selected element; 2, using "element object .css (" width "," changed width value ")", css () method can set the value of the specified css attribute.

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

How does jquery change width?

1. Using width () method

The width () method sets or returns the width of the selected element.

When this method is used to return the width, it returns the width of the first matching element.

When this method is used to set the width, set the width of all matching elements

The syntax is:

Return width:

(selector) .width ()

Set the width:

$(selector) .width (value)

Use the function to set the width:

$(selector) .width (function (index,currentwidth))

Examples are as follows:

$(document) .ready (function () {$("button") .click (function () {$("div") .width ("100px");})

Change the width of the div

Output result:

2. Use css () method to cooperate with width attribute.

The css () method sets or returns one or more style properties of the selected element.

To set the specified CSS property, use the following syntax:

Css ("propertyname", "value")

Examples are as follows:

$(document) .ready (function () {$("button") .click (function () {$("div"). Css ("width", "100px");})

Displays the width of the div

The output is the same as the example above:

Thank you for your reading, the above is the content of "how jquery changes width". After the study of this article, I believe you have a deeper understanding of how jquery changes width, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.