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


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

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

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

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

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

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