jquery实现每次点击元素修改transform-rotate属性，达到每次点击旋转图标方向的效果-北忘山博客

今天在做一个小玩意，需要实现点击按钮，切换图标的方向，再次点击，图标恢复原状。

最开始使用添加.css('transform','rotateX(180deg)')

发现点击一次后旋转，再次点击时没有复原，记录下，解决这种办法的js代码，方便下次调用

        let icon_css = '.mobile-sidebar-menu .menu-item-has-children .fa-angle-down';
        if ($(icon_css).css('transform') == 'none') { 
         $(icon_css).css({'transform': 'rotate(-180deg)'}); 
        } else { 
         $(icon_css).css({'transform': ''}); 
        };

可以使用 console.log($(icon_css).css('transform'));

来看看每次点击，元素的transform值，就很好理解了。

点击前的效果：

点击后的效果：

再次点击又会是点击前的效果。

版权声明 1、本网站名称：北忘山
2、本站永久网址：https://www.beiwangshan.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长邮箱hi#beiwangshan.com(@替换#)进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END