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