Objeto de evento event em jQuery

Agora vamos começar a nos familiarizar com eventos em jQuery.

Quando um evento é acionado em jQuery, um objeto de evento event é gerado, que contém todas as informações sobre ele. Este objeto é passado para a função de manipulação.

Por exemplo, vamos descobrir em qual tag clicamos. Vamos pegar o seguinte código HTML:

html<body>
  <div id="text"></div>
  <div>
    <p>
      <strong><span>click</span></strong>
    </p>
  </div>
</body>

O CSS fica assim:

cssspan, strong, p {
  display: block;
  padding: 10px;
  border: 1px solid black;
}

Agora vamos usar a propriedade event.target.nodeName do nosso objeto event, que por sua vez passamos para a função de manipulação do método click:

javascript$('body').click(function(event) {
  $('#text').html('clicked: ' + event.target.nodeName);
});

O objeto event contém muitas propriedades e métodos.