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

Question

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

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

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

Answer 1

.css 也接受一个对象：

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