$("#btn1").click(function(){
var Cp=$("#p")
Cp.css{"color","red"}
})
})
给你个小例子,
wxml 里面
<button bindtap="changeColor" hover-class="none">点击修改背景颜色</button>
js
Page({
data: {
pageBackgroundColor:'#5cb85c'
},
onLoad: function () {},
// 改变背景颜色
changeColor: function() {
var bgColor = this.data.pageBackgroundColor == '#e43a3d' ? '#5cb85c' : '#e43a3d'
// 设置背景颜色数据
this.setData( {
pageBackgroundColor: bgColor
} )
}
})
微信小程序用js的数组保存颜色值是1、首先架构一下网页的样式,既然是举例,那么就简单写入四个span用来做我们的文字存放,和之后的对比。
2、我们首先用最初的css方式来给这些文字添加样式。直接用color这个属性就可以控制文字的颜色。就可以看到生效之后的效果。
3、但是如果有很多不同的,颜色组成还可以这么写嘛,答案肯定是不行的。那么我们就用js来控制首先写一个script标签,里面定义一个数组colors,存放值也就是文字,而下标就可用来表示颜色。
4、然后我们用一个循环来将,下标和分别存放到span标签中去。然后就会将三个不同的span写入页面