探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置：首页>小程序资讯
微信小程序改变wxss样式
来源：南京小程序开发 发布时间：2023-09-21点击：107

由于在微信小程序的开发中不可以使用原生js的Dom操作和jQuery，所以不能直接使用dom或jQuery改变样式。下面以一个简单的切换背景颜色例子(类似开关灯)来解决这个问题。使用的方法很简单，就是利用自定义属性data-id和三目运算来解决。首先，先看效果图

js代码

Page({
  data:{
    num:0
  },
onClick:function(event){
    // 获取按钮的自定义属性值 data-id
  • 上一篇：微信小程序基础 | 样式WXSS | 09
  • 下一篇：微信小程序中使用微信风格样式库
    • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-08-28
    微信小程序用什么语言编写
    微信小程序用什么语言开发微信小程序用以下语言开发：一、HTML语言html是超文本标识语言的缩写，h···
    2023-08-28
    微信小程序实现左右滑动进行切换数据页面（touchmove）
    ?场景 手指触摸左右滑动进行切换数据 需要实现的是有一个tab栏,点选某一个tab的时候切换页面，手···
    2023-08-30
    教你个人微信小程序在线制作，无需懂代码
    摘要：微信小程序的出现让很多伙伴十分的痴迷！每天不断的在研究该如何制作一个属于自己的小程序，为了满足···
    2023-08-08
    景区如何在抖音上卖门票？抖音小店旅游类目怎么开通？
    景区如何在抖音上卖门票？抖音小店旅游类目怎么开通？随着抖音广泛的流量，很多景区都纷纷进驻抖音开设官方···
    2023-08-07
    开发电商小程序的流程步骤是怎么样的？
    随着互联网的不断发展，不少电商平台出现在我们视野中，尤其是电商小程序，不仅让消费者获得更良好地体验，···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发