jquery - 更改 div Jquery 或 CSS 的名称

Question

我的 DOM 中有这个 div

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

我给了它一个 id，这样我就可以用 jquery 来选择它了

我想做的是把div改成

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

例如，当屏幕尺寸低于 600px 时(我已经设置了 id=changeback，因为我猜我需要将其还原？)我正在学习 jquery，所以希望能提供一些关于如何在此处实现此目的的指示，或者是有办法使用 CSS 媒体查询吗？ (虽然我想不到)

感谢任何帮助

Answer 1

像这样的东西应该可以工作。您应该看看 CSS 3 媒体查询，因为它们可能会帮助您在不涉及 JavaScript 的情况下完成任务。

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