在使用layui框架做项目过程中，可以利用自带的控件和组件，设置不同的功能和样式。比如，如果点击一个图标，变成了另一个图标，这个功能如何实现呢？
工具/原料
1
layui
2
jquery
3
HBuilderX
4
HTML5
5
截图工具
6
浏览器
7
PPT2019
方法/步骤
1
打开HBuilderX工具，新建一个Web项目，将layui核心文件拷贝到js文件夹中
2
打开index.html文件，将layui的js和css引入到页面中
3
利用layui框架布局，添加一个按钮（含有图标的），设置对应的样式类
4
设置jquery初始化函数，添加按钮点击事件，控制标签i内部的html
5
保存代码并打开浏览器预览效果，可以看到一个按钮添加
6
点击添加按钮，这时按钮上的加号图标变为刷新图标
7
返回到HBuilderX工具，可以发现需要引入对应的jquery文件
总结
1、新建Web项目2、拷贝layui文件3、页面引入文件4、添加图标元素5、设置改变事件6、查看点击效果END
注意事项
1
注意jquery中的text()方法和html()方法的区别
2
注意layui框架常用组件的用法
上一篇：你是饼干我是酱2攻略
下一篇：王者荣耀专属装备怎么购买