探索、思考、创造、分享

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

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

由于在微信小程序的开发中不可以使用原生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-09-02
    基于java后端SSM（Springboot+SpringMVC+Mybatis）与微信小程序的求职招聘项目的毕业设计
    一、项目需求。招聘者通过后台管理系统发布职位，求职者使用的小程序求职（附功能架构图，看了就懂了！） ···
    2023-09-04
    小程序怎么开发自己的小程序，它是如何制作出来的？
    这具体还是要看你是否懂得编程技术了，如果你有比较强的代码技术，并且你要实现的小程序功能也相对比较简单···
    2023-08-11
    微信小程序怎么授权?小程序授权怎么做?
    微信小程序怎么授权?小程序授权怎么做?以下是小编整理的微信小程序怎么授权的内容了，将微信小程序授权给···
    2023-09-01
    下面我们来看看小程序开发游戏的注意事项(如何开发微信小程序游戏)
    今天研究了小游戏的开发，总结了自己遇到的一些问题:I .注册appId用小程序开发的小游戏和其他用小···
    2023-09-01
    小程序商店定制开发流程是什么
    微店+小程序定制开发价格贵不贵啊微店系统可以定制?要多少钱... 微店系统可以定制?要多少钱 展开 ···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发