Home/ Questions/Q 8226489
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T15:47:18+00:00

I anm new to jquery so I am learning the JQuery from w3schools.com .The

  • 0

I anm new to jquery so I am learning the JQuery from w3schools.com .The below code is from w3sch

     <!DOCTYPE html>
<html>

    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $("button").click(function () {
                    $("#div1").height("200px");
                });
            });
        </script>
    </head>

    <body>
        <div id="div1" style="background:yellow;height:100px;width:100px">HELLO</div>
        <div style="background:yellow;height:100px;width:100px">W3SCHOOLS</div>
        <button>Click me</button>
    </body>

I saved it as some_name.htm. When I open the it in browser it is as follows:

enter image description here

but when i click on Click me there is no change in the size.

according to code and flow the height should increase

anyone knows how to get this working ??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because you do not have jquery.js in your workspace. You need to download it and give the correct path while including it –

    In case you do not wish to download, use this instead –

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

    or

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    I tried running your code it is working.

    • 0