Te comento mi punto de vista: meter todos esos metadatos en el atributo html class, más allá de que incumple con uno de tus objetivos, que es no ensuciar el código html, es un tanto chapucero.
Tendrías que estudiar un poco la estrategia de los frameworks. Te la resumo un poco: algunos lo que hacen es expandir las propiedades normales de los objetos html, otros lo que hacen es es añadirles una envoltura que es la que tiene las funcionalidades añadidas (indexan el objeto html dentro de un objeto mayor, que es el que tiene las propiedades y métodos que luego quieren aplicar al objeto html indexado), otros crean un objeto plantilla y luego lo usan para añadirle al objeto html las propiedades y métodos de ese objeto plantilla (una suerte de mixin).
Una vez que trabajaron con las funcionalidades a añadir a los objetos html, los frameworks se ocupan de brindar herramientas para referenciar un objeto html (necesitamos referenciarlo, es decir, ubicarlo y variabilizarlo para añadirle las funcionalidades extras, que son las que comentamos antes). Para eso, los frameworks suministran diversos soportes: selectores byClass, selectores byName, selectores xPath, etc.
Por último, los frameworks suministran funcionalidad extra como animación y soporte ajax. Y dentro de estos, algunos (los mejores:mootools, dojo) lo hacen de manera modular, mientras que otros (los peores: jquery y un poco menos prototype) lo tienen todo integrado en el núcleo, de manera que te obligan a cargar un montón de código que probablemente nunca uses para poder hacer las cosas más básicas.
Te dejo un par de enlaces para que leas y luego empieces a experimentar y puedas decidir, pero ya con una base un poco más sólida:
http://www.dustindiaz.com/javascript-no-no/ http://www.anieto2k.com/2008/09/28/c...rk-javascript/ http://www.alistapart.com/articles/javascript-mvc/ http://www.slideshare.net/Dmitry.Bar...script-library
PD: si no te conociera de otros mensajes, la frase "para los sabios" hubiera hecho que no te contestase.