更改DIV jQuery的或CSS

的名字，我有這個div在我的DOM更改DIV jQuery的或CSS

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

我已經給了它一個id，這樣我可以用jQuery希望

我想要做什麼選擇它爲改變div來

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

當屏幕尺寸變低於600px的例如（我已經設置id = changeback作爲即時猜測生病需要恢復回來？）林學習的jQuery所以希望得到什麼一些指針在這裏做做到這一點或有沒有辦法使用CSS媒體查詢？（無不是我能想到的，雖然）

任何幫助表示讚賞

來源

2012-11-24 Richlewis

什麼讓你覺得你不能用媒體查詢做到這一點？如果你所需要的只是改變css風格，這是可能的... – elclanrs

爲什麼你需要改變div的'id'？類名稱更改的唯一決定因素是窗口的大小。 –

會真正有興趣知道如何使用CSS媒體查詢來實現這個 – Richlewis

這樣的事情應該工作。你應該看看CSS 3 Media Queries，因爲它們可以幫助你完成你的任務而不涉及JavaScript。

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

來源

2012-11-24 21:38:43

使用resize事件來檢測時，窗口大小，並據此採用適當的ID。

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

這裏是一個演示：http://jsfiddle.net/JkypX/

（調整在右下角的結果窗格中看到的變化發生）通過保持當前

等同的效果可以爲CSS目的達到ID和使用媒體查詢來指定不同的風格：

#divChange{ 
    color:red; 
} 
@media all and (max-width: 600px){ 
    #divChange{ 
     color:green; 
    } 
}

這是否適合您更多取決於當然是什麼喲你正試圖實現。

下面是這種方法的一個示範：http://jsfiddle.net/JkypX/1/

來源

2012-11-24 21:38:33

您可以使用jQuery來更改「id」屬性，像這樣：

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

來源

2012-11-24 21:38:41 jcolicchio

我建議使用媒體查詢。刪除對jQuery的任何依賴。

http://webdesignerwall.com/tutorials/css3-media-queries

來源

2012-11-24 21:43:57 jr3

我瞭解媒體查詢，但不確定如何使用更改div的名稱 – Richlewis

更改DIV jQuery的或CSS

回答

相關問題