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的用法如下：
在匹配的元素集合中的每個元素上新增或刪除一個或多個樣式類,取決於這個樣式類是否存在或值切換屬性。即：如果存在（不存在）就刪除（新增）一個類。