jQuery将css类更改为div

eom*_*off 47 html css jquery

例如,如果我有一个div元素,并且使用许多css属性定义了类'first'.我是否可以在某些事件中分配css类'second',它也有许多不同的属性定义到同一个div,而无需在行中写入每个属性.

wom*_*omp 89

是的,很容易.

$("#mydiv").attr("class", "second");
Run Code Online (Sandbox Code Playgroud)

  • 这将覆盖class属性,从div中删除'first'类.我相信用户希望div同时具有"第一"和"第二"类. (3认同)

Mar*_*urd 59

$(".first").addClass("second");
Run Code Online (Sandbox Code Playgroud)

如果您想将其添加到活动中,您也可以轻松完成.click事件的示例:

$(".first").click(function() {
    $(this).addClass("second");
});
Run Code Online (Sandbox Code Playgroud)


Daf*_*aff 30

您可以使用jQuery添加和删除类,如下所示:

$(".first").addClass("second")
// remove a class
$(".first").removeClass("second")
Run Code Online (Sandbox Code Playgroud)

顺便说一句,您可以使用空格分隔标记中的多个类

<div class="second first"></div>
Run Code Online (Sandbox Code Playgroud)