javascript - 如何编辑这个 jquery 片段，以便我使用背景图像而不是背景颜色？

Question

我有这个片段：

 <script type="text/javascript">

 $(document).ready(function(){
 $("button").click(function(){
     $("#button_layer").hide();
    $("#images_layer").show();
    $("#container").css("background","yellow");
 })
 });
 </script>

如何更改 .css("background","yellow"); 说一个像 url('image.png'); 这样的背景图像；

Answer 1

$("#container").css("background-image","url('image.png')");

如果要同时设置多个 CSS 属性，请传递带有属性和值的 hashmap：

$("#container").css({
    backgroundImage:"url('img.jpg')",
    width:"400px"
});

Answer 2

只需将其更改为：

$("#container").css("background-image","url('image.png')");