通俗的web开发可以通过JavaScript获取HTML的Dom结构，，，，可是小程序不可以，，，，小程序实现此功效的方式：数据绑定+data- 去更改标签类名。。。
。。。

step 1 给选定的标记 {{}} & data-num

此处只绑定了一个类名，，，，也可以绑定N个类名。。。
。。。

1. class='class1 class2 {{num==1?"active":""}}'
2. <view class='oil_s' catchtap='changeOil'>
3. <view class='{{num==1?"active":""}}' data-num='1'>92#汽油</view>
4. <view class='{{num==2?"active":""}}' data-num='2'>95#汽油</view>
5. <view class='{{num==3?"active":""}}' data-num='3'>0#汽油</view>

绑定一个事务 可以给外面的块绑定，，，，也可以给每一个里边的view绑定,如下：

1. <view class='oil_s' >
2. <view class='{{num==1?"active":""}}' data-num='1' catchtap='changeOil'>92#汽油</view>
3. <view class='{{num==2?"active":""}}' data-num='2' catchtap='changeOil'>95#汽油</view>
4. <view class='{{num==3?"active":""}}' data-num='3' catchtap='changeOil'>0#汽油</view>
5. </view>

唯一的区别是给事务传入的 e 差别。。。
。。。  绑定在外面的块的事务的e ,只有 target才会有dataset的值。。。
。。。  绑定给每一个小块的事务的e ,不管是 target照旧currentTarget都会有dataset的值。。。
。。。 

e.target.dataset.num  step 2 写好初始值

一最先选定哪一个，，，，就给判断的谁人变量哪个值

1. data: {
2. num:1
3. },

step 3 写好事务处理函数

1. changeOil:function(e){
2. console.log(e);
3. this.setData({
4. num:e.target.dataset.num
5. })
6. }

原理 是改变一下 用来判断的谁人变量 num 的值罢了。。。
。。。

他人的做法：

我用的类名active ,有的人会用cur ，，，，【current的简写】  有人甚至总结出了三种方式：

1. 1.通过修改类名 <view class="{{className}}"></view>
2. 2.添加一个类名，，，，笼罩前面的样式 <view class="helplist {{cur}}"></view>
3. 3.修转业内样式，，，，笼罩前面的样式 <view class="helplist" style="{{currentStyle}}"></view>

第二种方式跟我的一样，，，，第三种方式最好不要使用，，，，事实我们要做一个性能佳的小程序。。。
。。。  至此，，，，完成。。。
。。。