具有三元运算符的多个 css 规则

Posted 2023-02-23

【中文标题】具有三元运算符的多个 css 规则

【英文标题】：Multiple css rules with ternary operator

【发布时间】：2012-08-27 00:58:25

【问题描述】：

在.hover() 事件中，我有以下代码：

$(this).css('background-position', circle.includesXY(e.pageX, e.pageY) ? 'bottom' : '');

有人可以解释我如何在不影响三元运算符的情况下向.css() 添加更多属性：值对吗？如果不是，应该如何重写？

【参考方案1】：

.css 也接受一个对象：

$(this).css(circle.includesXY(e.pageX, e.pageY)
   ? 
      property1: 'value1',
      property2: 'value2'
   
   : 
      property1: 'value3',
      property2: 'value4'
   
);

【讨论】：

完美，谢谢。现在我知道了语法，我应该弄清楚这到底是什么意思:)