A> bind('이벤트', 기능)
형태1
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
//1. 객체를 만들고 그 안에 이벤트: 기능 형태로 bind
$(function(){ $('img').bind({
mouseout : function(){
$("img").attr("src", "../images/but1.gif");
},
mouseover : function(){
$("img").attr("src", "../images/but2.gif");
},
click : function(){
alert("클릭");
}
});
});
//2 click 이벤트와 function(event)를 바인딩 $(function(){
$('img').bind('click', function(event){
var $target = $(this);//$(event.target);
$target.width($target.width()*2);
$target.height($target.height()*2);
//$target.unbind() });
});
|
cs |
|
|
지울때는 unbind() 로 이벤트 제거
B>one()
--일회성 이벤트에 사용
C> toggle()
--이벤트가 계속 순차적으로 변화
D> liv('이벤트' , function(){ } ) ==> 현재는 on() 메소드를 쓴다.
--이벤트 위임을 한다..
--1.8버전 이상은
on메소드를 쓴다.
'언어 > javascript' 카테고리의 다른 글
| jQuery8 --플러그 인 (plug in) (0) | 2021.02.17 |
|---|---|
| jQuery7 - 유틸리티(utility) (0) | 2021.02.17 |
| jQuery5 --이펙트(effect) (0) | 2021.02.17 |
| jQuery4 --DOM 조작하기 (0) | 2021.02.17 |
| jQuery3 --DOM 탐색 (0) | 2021.02.16 |