javascript - 访问多个 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

您从文档中复制了代码，提到它可能会有所帮助，无论如何他们向您展示了他们使用以下方法提取了所有数据：

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

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

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

最后，他们<br>在每个名称-值对之间输出结果：

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