微智科技网
您的当前位置:首页js实现class样式的修改、添加及删除的方法_javascript技巧

js实现class样式的修改、添加及删除的方法_javascript技巧

来源:微智科技网


本文实例讲述了js实现class样式的修改、添加及删除的方法。分享给大家供大家参考。具体分析如下:

比较常见的js前端功能,通过修改标签的className实现相应的功能。

具体代码如下:
代码如下:












js实现class的样式的修改、添加、删除
商品编码
商品货号
规格名称
全选 全不选


$('.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');
});
}

希望本文所述对大家的javascript程序设计有所帮助。

显示全文