Introduction:

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

Description:

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="http://www.w3.org/1999/xhtml">
<head>
    <title>Example of jQuery width method</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
 
</head>
<body>
    <script>
        $(document).ready(function () {
            $(".div").css("background", "#c0c0c0").width("200px");
            $("#span1").text($(".div").width());
        });
    </script>
    <div class="div" style="height:100px;">DIV</div>
    <span> Div Width:</span> <span id="span1"></span>
</body>
</html>


 Let's check live example

0 comments


Leave a comment

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

You may also like