javascript - 为什么我无法检索 DOM 元素的 CSS 背景属性

Question

我正在尝试将元素的 css 背景属性设置为变量。

但是当我记录我的 var 时。到控制台，它是一个空字符串。

谁能看出我在这里做错了什么？

fiddle : http://jsfiddle.net/5de0e69d/

JS:

$(function () {
    var a1 = $("#adjust1");
    var a2 = $("#adjust2");
    var a3 = $("#adjust3");
    var a4 = $("#adjust4");
    var a5 = $("#adjust5");
    var b = $("#gradient");
    var c = $(b).css("background");
    var count = 0;
    $('.click').click(function (e) {
        e.preventDefault();
        var id = $(this).attr("id");
        console.log(id);
        count += 1;
        var rotate = count * 36;
        switch (id) {
            case "adjust1":
                console.log(c);
                break;
            case "adjust2":
                console.log(c);
                break;
            case "adjust3":
                console.log(c);
                 break;
            case "adjust4":
                console.log(c);
                 break;
            case "adjust5":
                console.log(c);
                 break;
        }

 });

    });

Answer 1

background 是一个速记属性。来自 http://api.jquery.com/css/ :

Retrieval of shorthand CSS properties (e.g., margin, background, border), although functional with some browsers, is not guaranteed.

您可能需要检查background-color、background-image等