Método universal on en jQuery

Para vincular eventos, también puedes usar el método universal on. El primer parámetro que acepta es el nombre del evento (por ejemplo, 'click'), y el segundo - la función que debe ser vinculada.

Consideremos un ejemplo con el siguiente código HTML:

html<ul>
  <li>texto</li>
  <li>texto</li>
  <li>texto</li>
</ul>

El CSS se ve así:

cssli {
  width: 100px;
  cursor: pointer;
}

Ahora reescribamos el código para li, que escribimos anteriormente a través del método on. Para verificar el funcionamiento, haga clic en los elementos de la lista:

javascript$('li').on('click', function() {
  $(this).append('!');
});

Puedes vincular una misma función a varios tipos de eventos simultáneamente - para hacer esto, enuméralos separados por espacios: 'click mousemove etc.'. Por ejemplo, así:

javascript$('li').on('click mousemove', function func() {
  $(this).append('!');
});