问与答 jQuery将CSS类更改为di

maynard · 2020-02-24 10:28:21 · 热度: 22
共收到 6 条回复
saad #1 · 2020-02-24 10:28:21

是的,轻松。

$("#mydiv").attr("class", "second");
darin #2 · 2020-02-24 10:28:22
$(".first").addClass("second");

如果您想将其添加到事件中,也可以轻松地添加。 点击事件的示例:

$(".first").click(function() {
    $(this).addClass("second");
});
winfred #3 · 2020-02-24 10:28:23

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

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

顺便说一下,您可以立即在标记中设置多个类,并用空格隔开

<div class="second first"></div>
trevis #4 · 2020-02-24 10:28:24

这可能未完全达到目标,因为我不确定您要做什么。 但是,假设您要为事件分配一个不同的类给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文档针对这些类型的更改编写了很好的示例。

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

darnell #5 · 2020-02-24 10:28:25

像div这样的HTML元素可以具有多个类。 假设div使用addClass方法分配了两种样式。 如果style1具有3个属性,如字体大小,粗细和颜色,而style2具有4种属性,如字体大小,粗细,颜色和背景颜色,那么我认为所得的有效属性集(样式)将具有4个属性,即联合 所有样式集。 在我们的示例中,颜色,字体大小,重量等常见属性将具有一种最新值。 如果首先为div分配了style1,然后为其分配了style2,则通用属性将被style2值覆盖。

此外,我在“使用JQuery来应用,删除和管理样式”上写了一篇文章,希望对您有所帮助。

问候阿怀斯

jeremiah #6 · 2020-02-24 10:28:27
$(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
        )}; 
)};
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册