navigation
JQuery

How to apply height and width apply using jquery?

| | Css , Html , JQuery

In this articleI will explain you how to apply height and width.The width( val ) and height(val ) method can be used to set the width and height respectively of any element.

<!DOCTYPE html>

    <html>

    <head>

        <title>apply css styleusing Jquery </title>

        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

    </head>

    <body>

        <div id="divTest1">

           Height and width applied here using jquery.

        </div>

        <script type="text/javascript">

            $("#divTest1").css({ "height": "100", "width": "200", "background-color": "blue" });

        </script>

    </body>

    </html>

 

Output:

Height and width applied here using jquery.