jQuery 에서 mouseover, mouseleave, click 함께 사용하기

on 함수를 통해 mouseover, mouseleave, click 함수를 함께 기술할 수 있다.

테스트는 여기서... http://jsfiddle.net/ZqfTX/

$('#bg').on({
    mouseover: function(){
        $(this).css({background: '#F93'});
    },
     mouseleave: function(){
        $(this).css({background: '#CCC'});
    },
    click: function(){
        $(this).off('mouseleave');
    }
});