简单的事件

需求：

为三个按钮分别绑定点击事件，切换 body 样式

html代码：

<form οnsubmit="" action="">
    <input type="button" value="1" name="start" id="one">
    <input type="button" value="2" name="stop" id="two">
    <input type="button" value=" 3" name="showTime" id="three">
</form>

css代码

.sub-level{
    background: #ccc;
    font-size: larger;
    color: red;
}

jQuery代码

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