先获取元素的属性值，根据属性值进行判断，点击时对属性进行设置

<i class="layui-icon layui-icon-shrink-right" id="nav_but" onclick="but_test()"></i>
<script>
function but_test(){
var _val = $("#nav_but").attr("class");
if(_val == "layui-icon layui-icon-shrink-right"){
$("#nav_but").attr("class","layui-icon layui-icon-close");
// _val = "layui-icon layui-icon-close";
}else{
$("#nav_but").attr("class","layui-icon layui-icon-shrink-right");
}
}
</script>

最新文章

1. 深入理解js构造函数
2. mysql计划字段中有多少个逗号，或者某个标识符
3. Java泛型：泛型类、泛型接口和泛型方法
4. Delphi- 数据加密和解密
5. js监听
6. DIV------使用 &lt;div&gt; 元素的网页布局
7. Arduino 数码管LED屏驱动
8. 按每k个结点反转链表
9. CXF.bat
10. 初试 Vue.js
11. About A Scam
12. [译]Ocelot - Delegating Handlers
13. Pycharm快捷键设置（鼠标滚动控制字体大小）
14. docker容器里设置中文时区
15. Codeforces Round #497 (Div. 2)
16. thinkphp 自动跟新时间
17. js判断手机型号
18. Spring Session 学习记录1
19. Introducing .NET Standard
20. wpa_supplicant上行接口浅析

热门文章

1. Python3.5以上Celery4.2.1启动报错：ImportError: cannot import name &#39;LRUCache&#39; from &#39;kombu.utils.functional&#39;
2. c 判断数字是否有限
3. 【git 命令总结】一
4. Jmeter Web 性能测试入门 (三)：Jmeter 常用组件说明
5. 重读APUE(8)-进程、进程组、会话
6. recyclerView 嵌套 recyclerView 点击被拦截
7. udp如何实现可靠性传输？
8. SVM算法总结
9. 007-log-log4j2、slf4j+log4j2
10. 一个数独引发的惨案：零知识证明（Zero-Knowledge Proof）