Home/ Questions/Q 8421225
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T03:05:33+00:00

The code <script type=text/javascript src=jquery/jquery-1.8.0.js></script> <script type=text/javascript> $(document).ready(function() { alert(Hello!); }); $(.demo).click(function() { alert(I

  • 0

The code

<script type="text/javascript" src="jquery/jquery-1.8.0.js"></script>  
<script type="text/javascript">  
$(document).ready(function() {  
    alert("Hello!");  
});  
$(".demo").click(function() {  
    alert("I am demo");  
});  
</script>  
<body>  
    <button class="demo">click me</button>  
</body>

The first Hello! is OK, but I am demo can’t?What’s the matter?

the similar question
jquery each selector doesnt work

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your click event handler is trying to bind to the demo button before the HTML body has rendered. You need to assign the event handler inside your $(document).ready function:

    Change this:

    $(document).ready(function() {  
    alert("Hello!");  
});  
$(".demo").click(function() {  
    alert("I am demo");  
});

    To this:

    $(document).ready(function() {  
    alert("Hello!");  
    $(".demo").click(function() {  
        alert("I am demo");  
    });
});
    • 0