如何使用attr获取样式值

Question

我的HTML代码在这里

 <i id="bgcolor" style="background-color: rgb(255, 146, 180)"></i>

我想使用jquery attr获取背景颜色值

我试过的是吼叫

$("#bgcolor").mouseleave(function(){
            var bodyColor = $(this).attr("style");

    $("body").css(bodyColor);



    });

但是这个输出是

background-color: rgb(255, 146, 180);

我把它添加到.css它将无法工作.我如何实现这一任务？

Answer 1

查看.css的文档:http://api.jquery.com/css/

var bodyColor = $(this).css("backgroundColor");

Answer 2

这就是您要查找的内容（此代码有效）：

$("#bgcolor").mouseleave(function(){
    var bodyColor = $(this).attr("style");
    $("body").attr("style", bodyColor);
});

但是，attr您应该使用，而不是使用css，因此代码将是：

$("#bgcolor").mouseleave(function(){
    var bodyColor = $(this).css("background-color");
    $("body").css("background-color", bodyColor);
});

JSFiddle