Javascript 如何在JQuery中使用变量设置CSS属性?
我需要将width的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"
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 )