JQuery: ¿la mejor forma de conectar objetos GUI a eventos?

Desde que apareció JQuery hace unos años, lo he estado usando en todos mis scripts del lado del cliente. Inicialmente, utilicé la sintaxis '$ () para agarrar y manipular objetos, este, para mí, es el paradigma' old skool 'de conectar explícitamente eventos de botones a funciones:

<button onClick='myFunction(this);' ...  />

con una función relacionada:

function myFunction(obj){
    alert('this is how old-timers like me do it!')
}

Algunos de mis colegas prefieren adjuntar scripts a eventos a la JQuery:

$(document).ready(
    $("#myButton").click(
        function(event){
            alert('this is the newer JQuery way of doing things');
        }
    );
);

Inicialmente, encontré la sintaxis JQuery excesivamente frenética con su dependencia de funciones anónimas, etc., difícil de leer, pero mis ojos y mi cerebro se han ajustado, por lo que estoy contento con cualquiera de las dos. Sin embargo, me gustaría que nuestro código sea consistente. ¿Alguien tiene alguna opinión sobre qué enfoque es "mejor"?

Respuestas a la pregunta(1)

Su respuesta a la pregunta