js要将样式联系关系到标签中， 本家儿要利用jquery， 简化js操作的难度， 经由过程className， 也就是将css的样式名称联系关系到标签的class属性中即可
方式/
1打开vscode， 建立一个H5规范的页面， 用于演示js联系关系样式到标签 。 为了便于js操作， 本文引入jquery， 利用jquery来简化js操作
文章插图
2在演示页面中添加一行测试文字， 再添加一个按钮， 点击按钮就改变测试文字的颜色
文章插图
3在演示页面的上部， 添加一个设置文字颜色的css样式， 而且选择器设置为类选择器， 也就是class选择器
文章插图
4在测试页面底部， 添加js， 绑定按钮的点击事务 。 当按钮点击的时辰， 将css的类选择器名称绑定到标签的class属性中
文章插图
5在浏览器中打开演示页面， 点击按钮， 就会看到演示文字颜色转变了， 表白样式绑定当作功了
文章插图
6在浏览器中按F12， 打开， 开辟者模式， 找到演示文字的标签， 可以发现css样式的类选择器名称已经写到这个标签的class属性中了
文章插图
7【js 如何将样式关联到className】总结， 利用jquery的addClass("class类名")， 就可以将css的类选择器样式绑定到标签中 。 经由过程removeClass("class类名")可以将样式从标签移除
文章插图
以上内容就是js 如何将样式关联到className的内容啦， 希望对你有所帮助哦！
推荐阅读
- echarts饼图的各个扇区之间如何增加间隔
- 微信如何给好友发送实时位置
- 支付宝如何申请商家收钱码
- 乌龟怎么喂食
- 武夷岩茶要如何存放？
- 如何挑选武夷山正岩肉桂？好的肉桂茶是标准是什么？
- 包花神器如何包花？包花神器的包花方法
- 感觉遭遇不公平怎么办？如何避免自己产生抱怨？
- 产后抑郁如何调理饮食？产后抑郁饮食注意事项
- 交通银行信用卡绑定Apple Pay后该如何删除