简单的事件

最新推荐文章于 2020-06-25 11:37:09 发布

原创最新推荐文章于 2020-06-25 11:37:09 发布 · 453 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

需求：

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

html代码：

<form onsubmit="" 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');
  });
});