jquery - 三項演算子を使用した複数の 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'
   }
);