Skip to main content
2 de 5
removeu 4 caracteres do conteúdo
LipESprY
  • 4,6mil
  • 2
  • 21
  • 36

O click() é um método do JavaScript. E seu primeiro parâmetro espera um handler (tipo uma callback).

A forma que você exemplificou é "como se fosse uma forma curta" de definir o handler:

$( "p" ).click(function() {
  $( this ).slideUp();
});

Mas também pode ser assim:

function foo() {
    alert('Executou foo()');
}
$( "p" ).click(foo);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>parágrafo</p>

O que acaba já respondendo o seguinte:

"- porque não usar o .click() e executar uma função por si só, sem o uso de function()"

Tudo convém ao seu projeto. Se vai utilizar a mesma "function(){}" como handler de vários eventos, ideal é você utilizar da segunda forma - definindo uma função e posteriormente invocando-a dentro do método .click(). Mas, se você vai utilizar esse bloco de código uma única vez, porque não colocá-lo diretamente dentro do método!? ;D

Perceba, também, que desta forma não pode ser definido argumentos na chamada da função! Se houver, deve, novamente, voltar ao bloco function(){ foo(arg1, arg2); }.


Já a seguinte forma é incorreta:

$( "p" ).click() {
  $( this ).slideUp();
}

Você está querendo "definir o método" já na sua própria execução. Isso está errado! Não foi feito assim e devemos nos conformar!

LipESprY
  • 4,6mil
  • 2
  • 21
  • 36