微信小程序单击添加移除class

Question

当鼠标点击以后把当前点击的按钮样式换成红色背景+白色字体的样式。其他的还是默认灰色背景+黑色字体，要是在html页面上用JQ两句话就完事，在小程序上真不知道怎么实现这个效果了。。求救

Answer 1

前言

微信小程序中是没有DOM操作，确实是不好处理
但是必须调整自己的开发策略，小程序可以理解为"数据驱动渲染"开发方式。

场景解决

对于你的问题，我可以简单的说一下解决方案:单按钮处理

<button class="{{select == 0 ? 'gray':'red'}}">按钮<button>

//只需要动态变更select既可以改变class渲染
var that = this;
that.setData({
  select: !that.data.select;
});

不建议直接使用button

因为button不好自定义，你可以直接view重新通过bindtap模拟button

扩展阅读

• 微信小程序数据操作上:合理组装数据

• 微信小城数据操作处理下:深度操作数据

Answer 2

通过setData来改变样式

Answer 3

跟上面的需求一样，但是无法获取想要的效果，下面是借口获取数据展示，求点击的代码