如何使用jquery-css将按钮的背景图像分配给变量

How to assign background image of button to a variable using jquery css

本文关键字：图像 分配 变量 背景 何使用 jquery-css 按钮      更新时间：2023-09-26

我想用css在jquery变量中分配按钮的背景图像。我已经写了代码，但它不起作用。

var cmp1;
var cmp2;
var bg = $("#mq3").css('background-image');
var bg1 = $("#mq6").css('background-image');
var bg2 = $("#mq9").css('background-image');
$(document).ready(function() {    
       $("#mq9").click(function() {
           //alert("Hello Welcome");
           if ($("#mq9").css("background-image") === bg2) {
               $("#mq9").css("background-image", "url('images/bkv.png')");
               cmp1 = $("#mq9").css('background-image');
               cmp2 = $("#mq3").css('background-image');
               cmp3 = $("#mq6").css('background-image');
               if (cmp1 === cmp3) {
                   alert("welcome mohit");
                   //setTimeout("window.open('Qtwo.html')",3000);
              }
          } else {
               $("#mq9").css("background-image", "url('images/cmst.png')");
               bg2 = $("#mq9").css('background-image');
          }
     });
});

执行类似的操作

var imageUrl = 'abc.png'
$('myOjbect').css('background-image', 'url(' + imageUrl + ')');

正如hy_sultani所说，您可以通过变量，或者如果您有更多变量1 css属性，那么您也可以传递json。

请参见此示例：http://jsfiddle.net/kevalbhatt18/m0b34h1z/2/

var test={
    "color":"red",
    "background-image":"url('../img/logo.png')"
}
$('button').css(test)

在json中，如果您不想在键值中使用"，那么您的json应该看起来像下面的示例。

注意：如果从键值中删除"，则必须遵循camelcase

test={
    color:"red",
    backgroundImage:"url(../img/logo.png)"
}

相关文章：