訪問多個CSS屬性

Question

此方法適用於訪問多個CSS方法嗎？

<script> 
$("div").click(function() { 
    var html = ["The clicked div has the following styles:"]; 

    var styleProps = $(this).css(["width", "height", "color", "background-color"]); 

這是jquery API正在做的事情。就是上面的方法訪問多個屬性合適嗎？還是那種方式？

$.each(styleProps, function(prop, value) { 
    html.push(prop + ": " + value); 
    }); 

$("#result").html(html.join("<br>")); 

}）;

Answer 1

您從docs複製的代碼，提到它可以幫助，反正他們告訴你他們把所有的數據和：

var styleProps = $(this).css(["width", "height", "color", "background-color"]); 

現在他們操縱數據以：

$.each(styleProps, function(prop, value) { 
    html.push(prop + ": " + value); 
    }); 

最後他們在每個名稱 - 值對之間輸出結果爲<br>：

$("#result").html(html.join("<br>"));