jquery添加与删除class的方法

jquery脚本中的 removeClass() 与 addClass() 方法可以将指定的class属性的值进行添加与移除，下面是使用方法。

jq 添加class的方法

jquery 中的 addClass 方法，可以在指定的class属性中添加新的属性。

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<style>
    .act{
        color:red;
    }
</style>
<div id="mochu">73so.com</div>
<button>点击我进行变色</button>
<script>
    $('body').on('click','button',function(){
        $('#mochu').addClass('act');
    })
</script>

jq 移除class的方法

jquery 中的 removeClass 方法，可以将指定class属性中的指定属性值进行删除！

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<style>
    .act{
        color:red;
    }
</style>
<div id="mochu" class="act">73so.com</div>
<button>点击变色</button>
<script>
$('body').on('click','button',function(){
    $('#mochu').removeClass('act');
})
</script>