Eventos

El metodo bind  nos permite especificar cualquier evento javascript y anexarle un comportamiento.


 $(document).ready(function() {
   $('#switcher-large').bind('click', function() {
     $('body').addClass('large');
   });
 });


body.large .chapter {
  font-size: 1.5em;
}




      <div id="switcher">
        <h3>Estilo del switch</h3>
        <div class="button selected" id="switcher-default">
          Normal
        </div>
        <div class="button" id="switcher-narrow">
          Narrow Column
        </div>
        <div class="button" id="switcher-large">
          Large Print
        </div>
      </div>