- 두개의 이미지를 번갈아 바꿔보는 예제입니다.
- onclick 이벤트를 붙인다면 on 은 생략하고 click 만 써주면 됩니다.
- 이미지 마다 onclick="코딩" 을 하지 않고 일괄처리 하여 보다 깔끔합니다(?)
bind( 'click', function(){ 코딩 } )
- 위 예제에서 코딩 부분의 this 는 클릭한 이미지 객체 입니다.
- 아래처럼 줄줄이 엮어서 사용하면 됩니다. (제이쿼리의 장점)
.bind( 'mouseover', function(){ 코딩 } ).bind( 'mouseout', function(){ 코딩 } ).bind( 'click', function(){ 코딩 } )
참고 메서드 : .animate()
- 아래처럼 객체형태로 사용하는 방법도 있습니다.
.bind( {
mouseover : function(){
코딩
},
mouseout : function(){
코딩
},
click : function(){
코딩
}
} )