learning_jquery/Chapter 3/listings/3.6.js

$(document).ready(function() {
  $('#switcher-default').addClass('selected');

  $('#switcher button').on('click', function() {
    $('body').removeClass();
    $('#switcher button').removeClass('selected');
    $(this).addClass('selected');
  });

  $('#switcher-narrow').on('click', function() {
    $('body').addClass('narrow');
  });
  $('#switcher-large').on('click', function() {
    $('body').addClass('large');
  });
});