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>
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>