這篇文章主要介紹了js實現class樣式的修改、添加及刪除的方法,主要通過修改標簽的className來實現這一功能,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js實現class樣式的修改、添加及刪除的方法。分享給大家供大家參考。具體分析如下:
比較常見的js前端功能,通過修改標簽的className實現相應的功能。
具體代碼如下:
代碼如下: <table>
<script>
$('.goods_sale_property').click(function(){//單獨a標簽點擊添加class
if($(this).hasClass('goods_sale_property_checked')){
$(this).removeClass('goods_sale_property_checked');
}else{
$(this).addClass('goods_sale_property_checked');
}
});
function selectAll(){//全選添class
$('.goods_sale_property').each(function(i){
$(this).addClass('goods_sale_property_checked');
});
}
function selectNotAll(){//全選刪除class
$('.goods_sale_property').each(function(i){
$(this).removeClass('goods_sale_property_checked');
});
}
</script>
希望本文所述對大家的javascript程序設計有所幫助。