具有三元运算符的多个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'
   }
);