hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery添加与删除class的方法

墨初 Web前端 1064阅读

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>

jquery添加与删除class的方法

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>

jquery添加与删除class的方法

声明:无特别说明,转载请标明本文来源!