jquery点击加class再次点击移除添加的class

本文介绍了jQuery中toggleClass方法的使用方式,此方法能够实现在匹配的元素集合中的每个元素上添加或删除一个或多个样式类。当点击元素时,可以通过toggleClass切换类的状态,如果类存在则删除,如果不存在则添加。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

toggleClass方法可以实现对某一class进行添加、删除操作。

示例:
html:

<li class="li2 ">
            <a href="javascript:;" onclick="collectGoods({$data.goods_id})" id="collect_btn">
                <i class="icon {if $data.is_collected}on{/if}"></i>
                <p>收藏</p>
            </a>
        </li>

jq:

//收藏状态切换
$('#collect_btn').click(function(){
    $('#collect_btn i').toggleClass('on');
})

toggleClass的用法如下:
在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

每天都进步一点点

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值