Javascript 如何在JQuery中使用变量设置CSS属性?

Javascript 如何在JQuery中使用变量设置CSS属性?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要将width的CSS属性设置为与浏览器当前宽度相同的大小。为此,我做了var setWidth=$(window).width(),但我不知道如何将其应用于我的当前代码,如下所示: $(document).ready(function(){ $("#backgroundImg").css("width", ""); }); 有没有办法做到这一点?我是JQuery新手,所以我可能只是个业余爱好者。将代码更新为以下内容 $("#backgroundImg").css("width"

我需要将width的CSS属性设置为与浏览器当前宽度相同的大小。为此,我做了
var setWidth=$(window).width()
,但我不知道如何将其应用于我的当前代码,如下所示:

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

有没有办法做到这一点?我是JQuery新手,所以我可能只是个业余爱好者。

将代码更新为以下内容

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

$(document).ready(function() {
    var setWidth = $(window).width();
    $("#backgroundImg").css("width", setWidth + 'px'); 
});
或者你可以使用

一个选项:$(“#backgroundImg”).css(“宽度”,“100%”)

使用变量选项do:var setWidth=$(window.width()+'px'

所以你的代码是

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

}))

这将使背景与浏览器的当前宽度相匹配:

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

第一个选项不正确。第二个选项是正确的,但有一个小错误——只需添加“px”
$( "#backgroundImg" ).width( setWidth )