jquery如何替换成每一个类名

lxf2023-03-18 13:46:01

方式:1、运用removeClass()方式删除元素每一个类名,词法为“原素目标.removeClass();”;2、运用addClass()方式将需要更换的类名加上就可以,词法为“原素目标.addClasss("一个新的类名");”。

jquery如何替换成每一个类名

实例教程作业环境:windows10系统软件、jquery3.2.1版本号、Dell G3计算机。

jquery如何替换成每一个类名

在jquery中我们通过removeClass()方式来彻底删除元素全部类名,然后利用addClass()方式将需要更换上来的类名加上上来就可以。

removeClass() 方式从被选原素清除一个或多个类。

注解:要是没有要求主要参数,则此方法将在被选原素中删除所有类。

addClass() 方式向被选原素加上一个或多个类。

此方法不容易清除已存有的 class 特性,只是加上一个或多个 class 特性。

提醒:如需加上好几个类,请选择空格符隔开类名。

实例如下所示:

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".anniu1").click(function(){
    $("p").removeClass();
  });
    $(".anniu2").click(function(){
    $("p").addClass("intro2");
  });
});
</script>
<style type="text/css">
.intro1{
font-size:120%;
color:red;
}
.intro2{
font-size:200%;
color:pink;
}
</style>
</head>
<body>
<p class="intro1">This is a paragraph.</p>
<button class="anniu1">删掉类</button>
<button class="anniu2">提升类</button>
</body>
</html>

输出结果:

jquery如何替换成每一个类名

有关视频教学强烈推荐:jQuery视频教学

以上就是关于jquery如何替换成每一个类名的具体内容,大量欢迎关注AdminJS其他类似文章!