Escuchando todos eventos con .on()
La clave de esta sencillez reside en un método de jQuery llamado .on(), que es más o menos equivalente al obsoleto .live(). Lo que hace es añadir un manejador de eventos genérico que podemos aplicar a cualquier clase de evento sobre uno o varios selectores de jQuery. La sintaxis es la siguiente:
.on( evento [, selector_de_elemento ] [, datos ], funcionManejadora(eventObject) )
Este método tendríamos que llamarlo de forma similar al ejemplo siguiente:
$(document).on("change",'#opciones',function(){ ... });
Generando código limpio
En el formulario (o donde queramos aplicarlo) no es necesario tocar nada, como mucho precisaremos de un selector válido para pasar como argumento de .on(). Además todos los eventos se pueden manejar simultáneamente, ya que este método de la API de jQuery permite usar varios selectores y varios eventos en la misma función.
Potencia y flexibilidad
Las posibilidades que ofrece .on() sobre el control de eventos facilitan muchísimo el desarrollo web de interfaces gráficas de usuario de cierta complejidad. Os recomendamos estudiar la documentación oficial, muy rica en ejemplos, para que le saquéis el mayor partido.
Por cierto, una gran ventaja que tiene esta filosofía es que permite actualizar el documento de forma totalmente asíncrona, muy útil cuando nuestra aplicación necesita refrescarse al sufrir modificaciones de estructura y contenido dinámicamente. Si ya habéis tocado ajax, seguro que también os habéis enfrentado a este problema.