当前位置:  开发笔记 > 编程语言 > 正文

jQuery切换完整的类名

如何解决《jQuery切换完整的类名》经验,为你挑选了1个好方法。

我试图在jQuery中切换图标的类名.

我正在使用font-awesome库,它只替换了我班级中的初始"fa",这里是我的jsfiddle

$('[name="caret"]').click(function() {
    $(this).toggleClass('fa fa-caret-up fa-1x');
});

的jsfiddle



1> void..:

好吧它没有改变,fa-caret-up因为你也在切换类fa,这对于字体真棒库是必须的,以实现它是一个图标.

所以就这么做

        $('[name="caret"]').click(function() {
            $(this).toggleClass('fa-caret-up fa-caret-down');
        });

这将删除fa-caret-down该类并将添加fa-caret-up类.

更新小提琴

推荐阅读
mobiledu2402851377
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有