c# .net Adsense ADO.NET Linq Viruses/security asp.net MVC JQuery Angular-js Node-js SEO Java C++ SQL API Networking vb.net .Net Css JavaScript Generics c#.Net entity framework HTML Website host Website Construction Guide HTTP tutorial W3C tutorial Web Services JSON Psychology Ionic framework Angular ReactJS Python Computer Android
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.