如何在JQuery中使用變量設置CSS屬性？

我需要將寬度的CSS屬性設置爲與瀏覽器的當前寬度相同的大小。要做到這一點，我做了var setWidth = $(window).width()，但我不知道如何將其應用到我當前的代碼，它是這樣的：如何在JQuery中使用變量設置CSS屬性？

$(document).ready(function(){ 
    $("#backgroundImg").css("width", ""); 
});

有沒有辦法做到這一點？我是JQuery的新手，所以我可能只是非常業餘。

試試這個

$(document).ready(function() { 
    var setWidth = $(window).width(); 
    $("#backgroundImg").css("width", setWidth + 'px'); 
});

，或者您可以使用$.width

$(document).ready(function() { 
    $('#backgroundImg').width($(window).width()) 
});

2015-07-21 18:25:58

謝謝你！這工作完美。 – Lee360TheCoder

更新代碼如下

$("#backgroundImg").css("width", setWidth + "px");

2015-07-21 18:25:11 nikhil

一個選項：$（「＃backgroundImg」）的CSS（」寬度」，「100％」）;

用你的變量選項做：var setWidth = $（window）.width（）+'px';

所以你的代碼將

$(document).ready(function(){ 
$("#backgroundImg").css("width", setWidth);

}）;

2015-07-21 18:28:16

第一個選項不正確。第二個選項是正確的，有一個小錯誤 - 只需添加「px」 – nikhil

這應該使背景瀏覽器的電流寬度相匹配：

$("#backgroundImg").width(setWidth)

2015-07-21 18:33:54 spencer

回答