jQuery Tutorial Tutorials - jQuery .width() method

The .width() method in jQuery is used to get/set the width of the matched element.

jQuery .width() method Syntax

.width()
.width(value)
.width(function)

.width()

Get the width of the first matched element.(If the element is not visible, the width would be 0 )

example

Get the width of the first paragraph

$("p").width();

Try now

.width(value)

example

Set the width of each p to 300px

$("p").width(300);

Try now

.width(function)

Set the element 20px higher than the previous.

$("p").width(function(index,oldValue){
    return 20*index + oldValue;
});

Try now