Javascript 访问多个css属性

此方法是否适合访问多个css方法

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

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

$（“div”）。单击（函数（）{
var html=[“单击的div具有以下样式：”；
var styleProps=$（this）.css（[“宽度”、“高度”、“颜色”、“背景色]）；

这就是jQueryAPI正在做的事情。上述访问多个属性的方法合适吗？还是这样

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

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

$。每个（样式属性、函数（属性、值）{
html.push（prop+“：”+值）；
});
$（“#结果”）.html（html.join（“
”））；

---

}))

您从中复制了代码，提到这可能会有所帮助，但他们向您展示了他们使用以下工具提取所有数据：

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

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

现在，他们通过以下方式操作数据：

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

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

最后，它们在每个名称-值对之间输出一个

：

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

$（“#result”）.html（html.join（“
”））；

嗯。。。看一看：“从jQuery 1.9开始，将样式属性数组传递给.css（）将产生属性-值对的对象。”@FelixKling OMG我的眼睛和大脑发生了什么。无论如何，谢谢u@FelixKling，如果你注意到了，代码就是从那一页来的，我想他是在问这个例子。@gdoron当然是从jquery API来的，我在帖子里已经说过了itself@Maizere大概这不是最好的措辞。