尝试为 .css() 添加更多属性到 Jquery [重复]

Posted 2023-03-06

【中文标题】尝试为 .css() 添加更多属性到 Jquery [重复]

【英文标题】：Try to add more property to Jquery for .css() [duplicate]

【发布时间】：2020-01-09 14:36:43

【问题描述】：

我有这行代码可以帮助我为箭头添加视差效果。但我想同时旋转它，我试图添加另一个“转换”属性，但它不起作用，可能是输入错误。有人可以帮我吗？

所以，行之有效的是：

$("#arroww").css("transform",'translate(0px, -'+Scroleaza/3+'%)');

我尝试使用它，但仍然只有视差效果起作用。如果我把旋转属性放在第一位，它会起作用，视差效果会停止工作，反之亦然。

$("#dirty").css( "transform",'translate(0px, -'+Scroleaza/3+'%)',"transform",'rotate(50deg)');

【问题讨论】：

阅读副本或文档：api.jquery.com/css

【参考方案1】：

您可以传递一个包含多个 CSS 属性的对象。

$("#dirty").css(
  "transform":
  'translate(0px, -' + Scroleaza / 3 + '%)',
  "transform":
  'rotate(50deg)'
);

编辑： 语法错误...

【讨论】：

只会给你一个语法错误

【参考方案2】：

您需要将多个属性作为对象传递。

$("#dirty").css( 
  "transform": 'translate(0px, -' + Scroleaza / 3 + '%)',
  "transform": 'rotate(50deg)' 
);

【参考方案3】：

您可以将多个 .css()（或基本上任何 JQuery 函数）调用链接在一起：

$("#dirty")
  .css("transform", 'translate(0px, -' + Scroleaza / 3 + '%)')
  .css("transform", 'rotate(50deg)');

【参考方案4】：

最好只使用 .addClass() ，即使您有 1 个或更多。更具可维护性和可读性。

如果你真的有做多个 CSS 属性的冲动，那么请使用以下内容：

$("#dirty").css(
   'property' : 'value',
   'property' : 'value',
   'property' : 'value'
);