jquery将css类更改为div

$(".first").addClass("second");

如果你想把它添加到一个事件中,你也可以很容易地做到。单击事件示例:

$(".first").click(function() {
    $(this).addClass("second");
});

是的,很容易。

$("#mydiv").attr("class", "second");

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

$(".first").addClass("second")
// remove a class
$(".first").removeClass("second")

通过这种方式,您可以在标记中立即设置多个用空格分隔的类。

<div class="second first"></div>

这可能不完全符合目标,因为我不完全清楚你想做什么。但是,假设您的意思是要为DIV分配一个不同的类来响应一个事件,那么答案是“是”,您当然可以使用jquery来实现这一点。我只是一个jquery初学者,但我在代码中使用了以下内容:

$(document).ready(function() {
    $("#someElementID").click(function() {  // this is your event
        $("#divID").addClass("second");     // here your adding the new class
    )}; 
)};

如果你想用第二个类替换第一个类,我相信你会先使用removeclass,然后再使用addclass,就像我上面所做的那样。ToggleClass也值得一看。jquery文档针对这些类型的更改编写得很好,并带有示例。

其他人我有更好的选择,但我希望这有帮助!

像DIV这样的HTML元素可以有多个类。假设DIV使用addClass方法分配了两种样式。如果Style1有3个属性,如字体大小、重量和颜色,而Style2有4个属性,如字体大小、重量、颜色和背景颜色,我认为,结果有效的属性集(样式)将有4个属性,即所有样式集的联合。在我们的示例中,常见属性(颜色、字体大小、粗细)将有一个具有最新值的出现。如果首先为DIV分配Style1和Style2,则Style2值将覆盖常见的prPoerties。

此外,我在 Using JQuery to Apply,Remove and Manage Styles 我希望它能帮助你

当做 阿维斯

$(document).ready(function () {

            $("#divId").toggleClass('cssclassname'); // toggle class
});

**OR**

$(document).ready(function() {
        $("#objectId").click(function() {  // click or other event to change the div class
                $("#divId").toggleClass("cssclassname");     // toggle class
        )}; 
)};