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

在.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' } );