Home/ Questions/Q 829097
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T03:49:44+00:00

Could anyone tell me why ‘function()’ right after .ready is needed to make the

  • 0

Could anyone tell me why ‘function()’ right after .ready is needed to make the script work?

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    function() { } defines an inline function, which is then passed as a parameter to ready().

    If you did

    $(document).ready($(...).click());

    or something similar, the return value of click would be passed to the ready function, which would be something completely different. Of course, the same can be done with named functions:

    function initialize() {
    $("button").click(...); // ...
}

$(document).ready(initialize);

    Note the lack of () after initialize on the last line, which means “pass this function” instead of “call this function and pass the return value”. By the way, just passing a function to $ itself ($(function() { ... });) is a shortcut form for $(document).ready.

    • 0