jquery动态给button添加active无效

这是因为点击button后，外层的a标签也会被触发，然后页面就刷新了，css效果也肯定就“一夜回到解放前”了。

js代码可改为：

$(function(){

   $('#button button').click(function(){

      $('#button button').removeClass("active")

      $(this).addClass('active')

      return false  //加这行！

   })

})

$('.menu-list a').click(function(){//点击的时候给当前这个加上，其他的移除

$(this).addClass("active").siblings("a").removeClass("active")

})

1、首先在html中布局好两个按钮和一个div，如下图所示。

2、接着编写添加class的方法，如下图所示，通过classList中的add。

3、运行页面以后看到如下图所示的界面。

4、点击添加class按钮就可以看到div中多了样式。

5、接下来在编写移除class样式即可。

---