2013년 9월 6일 금요일

(제이쿼리강좌)이벤트 연결, 제거 메소드 예제 2, on off , AJAX/jQUERY/HTML5 교육강좌

(제이쿼리강좌)이벤트 연결, 제거 메소드 예제 2, on off , AJAX/jQUERY/HTML5 교육강좌

jQuery이벤트 연결 메소드
 
bind() : 존재하는 문서객체에 이벤트 연결
delegate() : 현재 또는 미래에 존재하는 객체에 이벤트를 연결
live() : 현재 또는 미래에 존재하는 객체에 이벤트를 연결
one() : 한번만  이벤트에 연결
 

jQuery이벤트 연결 제거 메소드

unbind() : bind()를 사용해서 연결한 이벤트 제거
die() : live() 메소드를 사용해서 연결한 이벤트 제거
undelegate() : delegate() 메소드를 사용해서 연결한 이벤트 제거

이벤트  연결, 제거 메소드 예제 1

<script type="text/javascript">
$(document).ready(function() {
$("h3").bind("click", function () {
//최초 1, 다음부터 1씩 증가
var len = $("h3").length;
var tmp = $(this).html();
$("#onj1").append("<h3>" + len + "-" + tmp + "</h3>");
});
//한번만  동작...
$("h1").one("click", function() {
var len = $("h1").length;
var tmp = $(this).html();
$("#onj2").append("<h1>" + length + "-" + tmp + "</h1>")
});
//5초후 모든<h3>의  bind로 정의된 이벤트 제거
setTimeout(function() {
$("h3").unbind();
}, 5000);
});
</script><body>   
<div id="onj1“><h3>오엔제이프로그래밍실무학원</h3></div>
<div id="onj2“><h1>오엔제이프로그래밍실무학원</h1></div>


오라클자바커뮤니티 추천강좌 - 개인 80% 환급
[기업특강]JAVA,JSP,AJAX,jQUERY 총 5일 40시간   09-09
스프링3.X게시판&오라클힌트,SQL튜닝,사례연구 총 4일 32시간   09-10
Spring3.X, MyBatis, Hibernate실무과정 총 5일 35시간   09-24
스프링3.X게시판&오라클힌트,SQL튜닝,사례연구 총 11일 33시간   09-09
Spring3.X, MyBatis, Hibernate실무과정 총 12일 36시간   09-12
자바기초에서JSP,Ajax,jQuery,Spring3.2,MyBatis까지 총 24일 72시간   09-12
JAVA&WEB프레임워크실무과정 총 33일 99시간   09-13
자바초보에서안드로이드까지 총 18일 54시간   09-25
JAVA,JSP 초보에서 실무까지 총 18일 56시간   10-02
자바초보에서안드로이드까지 총 8일 56시간   09-14
Spring3.X, MyBatis, Hibernate실무과정 총 5일 35시간   09-14
자바기초에서JSP,Ajax,jQuery,Spring3.2,MyBatis까지 총 10일 70시간   09-14
MiPlatform, XPlatform 실무강좌 총 5일 35시간   09-28
스프링3.X게시판&오라클힌트,SQL튜닝,사례연구 총 4일 32시간   09-28
JAVA&WEB프레임워크실무과정 총 14일 98시간   09-28 
작성자: 시간:

댓글 없음:

댓글 쓰기

피드 구독하기: 댓글 (Atom)