In this article we will explain how to get or set width of selected html element in jQuery with example.


jQuery width() method is used to get or set the width of matched element.

To get width: When this method is used to get the width, it get the width of first matched element.

To set width: When this method is used to set the width, it sets the width for every matched element.

Note: If we pass parameter, it sets the width of the element otherwise it simply get the width of the element.

Let’s see, Example of jQuery width() method:

<!DOCTYPE html>
<html xmlns="">
    <title>Example of jQuery width method</title>
    <script type="text/javascript" src=""></script>
        $(document).ready(function () {
            $(".div").css("background", "#c0c0c0").width("200px");
    <div class="div" style="height:100px;">DIV</div>
    <span> Div Width:</span> <span id="span1"></span>

 Let's check live example

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.

You may also like