jquery如何替换类名

jquery如何替换类名

今天小编给大家分享一下jquery如何替换类名的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

具体步骤如下：

1.首先，新建一个html项目，并在项目中引入jquery；

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在项目中创建一个div标签，并设置class类名，用于测试；

<div id="text" class="red"></div>

3.div标签创建好后，添加一个button按钮，并绑定onclick点击事件，用于点击替换类名；

<button onClick="set()"></button>

4.最后，按钮添加好后，在点击事件中通过class获取标签对象，在使用attr()方法即可替换class类名；

function set(){

$(".red").attr("class","background-color"); //将class类名替换为background-color

}

以上就是“jquery如何替换类名”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注恰卡编程网行业资讯频道。