更改divjquery或CSS的名称

我的DOM中有这个div

<div class="span4 minus65" id="divChange">

我给了它一个id，以便我可以用jquery选择它

我要做的是将div更改为

<div class="span12" id="changeBack">

例如，当屏幕大小低于600px时（我已经将id=changeback设置为im猜测我需要将其还原？），我正在学习jquery，因此希望能提供一些关于如何实现这一点的建议，或者有没有使用CSS媒体查询的方法？（不过我想不出来）

---

任何帮助都可以使用

resize

事件来检测窗口何时调整大小，并相应地应用相应的id

$(window).resize(function(){
    if($(this).outerWidth() < 600){
        $('#divChange').attr('id',"changeBack");
    }else{
        $('#changeBack').attr('id',"divChange");
    }
});

当然，这是否更适合你取决于你想要达到的目标

---

下面是此方法的演示：

您可以使用jQuery更改“id”属性，如下所示：

$('#divChange').attr('id','changeBack');

---

这样的办法应该行得通。您应该看看CSS 3媒体查询，因为它们可以帮助您在不涉及JavaScript的情况下完成任务

$(window).resize(function(){
    if($(window).width() < 600 && $("#changeBack").length == 0){
        $("#divChange").attr("id", "changeBack");
    }
    else{
        $("#changeBack").attr("id", "divChange");
    }
});

$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<600&&$（“#转换”）.length==0）{
$（“#divChange”）.attr（“id”，“changeBack”）；
}
否则{
$（#changeBack”）.attr（“id”，“divChange”）；
}
});

我建议使用媒体查询。删除对jQuery的任何依赖关系

---

是什么让你认为你不能用媒体查询？如果您只需要更改css样式，那么这是可能的……为什么您需要更改div的

id

？类名更改的唯一决定因素是窗口的大小。如果您真的想知道如何使用css媒体查询来实现这一点，我建议您查看引导（）的响应章节我使用id，因为我在多个地方使用span4 minus 65类，我不希望所有这些都改变我了解媒体查询，但不确定如何使用更改div的名称

$(window).resize(function(){
    if($(window).width() < 600 && $("#changeBack").length == 0){
        $("#divChange").attr("id", "changeBack");
    }
    else{
        $("#changeBack").attr("id", "divChange");
    }
});