traansition三元操作符的判断？

// 有则保留，无则为空
this.transitionClass = this.$items.eq(0).hasClass('transition') ? 'transition' : '';

this.$items.eq(index).removeClass(this.transitionClass).css('left', -1 * direction * this.itemWidth);console.log(this.transitionClass)
        setTimeout(function () {
            self.$items.eq(self.curIndex).move('x', direction * self.itemWidth);
            self.$items.eq(index).addClass(self.transitionClass).move('x', 0);console.log(this.transitionClass)
            self.curIndex = index; 
        }, 20);

js模式  

删除过渡：空

添加过渡：undefined

css3模式 

删除过渡：transition

添加过渡：undefine

这里实现原理没理解，特别是css3部分，麻烦老师再讲解下？