Question

    $('.nav').bind('click',alert(0));  and:
    $('.nav').bind('click',function(){alert(0)})

Why does only the second command work?

Answer 1

What you are seeing here in the second command is wrapping a command in an anonymous function. The handler for the click “event” requires a function so that it can be executed once the “event” is triggered.

You could do something like this also –

$('.nav').bind('click',showAlert);
function showAlert(){
  alert(0);
}

Here we pass the name of the function.

That is essentially the same as –

$('.nav').bind('click',function(){
  alert(0);
});