jQuery 학습 노트 의 jQuery 사건

1937 단어 jQuery이벤트
1.이벤트 바 인 딩 1.이벤트 바 인 딩 함수 이벤트 의 바 인 딩 함 수 는 다음 과 같은 형식 입 니 다.bid(type[,data],fn)type:유형 예 를 들 어 click...data:매개 변수 fn:이벤트 가 실 행 된 함수 예
 
$(function(){
$(#id1).click(function(){
$(#id2).show();//id2
}) ;
});
2.합성 이벤트 1.마우스 가 이 벤트 를 미 끄 러 뜨 렸 습 니 다.hover(enter,leave)enter:마우스 커서 가 대상 으로 이동 할 때 발생 하 는 함수 leave:마우스 커서 가 대상 을 이동 시 키 는 함수 예:
 
$(function(){
$(#id1).hover(function(){
$(#id2).show();//id2
},function(){
$(#id2).hide();//id2
}) ;
});
2.이벤트.toggle(fn1,fn2.이 대상 을 포함 하 는 모든 대상 이 연 결 된 이 벤트 는 한 번 실 행 됩 니 다.이것 은 우리 가 보고 싶 지 않 은 것 입 니 다.jQuery 는 이벤트 실행 을 막 는 방법 을 정 의 했 습 니 다.1.이벤트 대상 이 이벤트 실행 대상 을 가 져 오 는 방법 은 이벤트 실행 함수 에 인자$(\#id1).click(function(even){})를 추가 하 는 것 입 니 다./even 은 가 져 온 이벤트 대상 2.사건 의 거품 을 막 습 니 다.우 리 는 사건 수행 함수 에 이러한 코드 를 추가 하여 사건 의 거품 을 막 을 수 있 습 니 다.even.stopPropagation();3.기본 이벤트 브 라 우 저의 기본 이 벤트 를 막 는 것 은 단 추 를 누 르 면 제출 하고 링크 를 누 르 면 링크 를 여 는 등 jQuery 도 이 기본 이벤트 의 실행 을 막 을 수 있 습 니 다 even.preventDefault().4.이벤트 대상 의 속성 가 져 오기 even.type();/$(\#id1).click(function(even){alert(even.type)와 같은 이벤트 형식 가 져 오기;return false; });//"click"even.target();/이벤트 대상 even.while()가 져 오기;마우스 클릭 의 1=좌,2=중,3=우 클릭 5 를 가 져 옵 니 다.이벤트.unbind(type[,data])를 제거 합 니 다.예:
 
$(function(){
$(#id1).bind("click",fn1=function(){alert(“ 1”);})

.bind("click",fn2=function(){alert(“ 2”);});
.bind("click",fn3=function(){alert(“ 3”);});
});

$("#id2").click(function(){
$(#id1).unbind("click",fn2);// fn2 click
});
6.기타 조작 1.여러 이벤트 바 인 딩.bind(type[,data],fn).bind(type[,data],fn).........bind(type type..... [,data],fn) ; 2.이벤트 네 임 스페이스.bind(type.namespace[,data],fn)를 추가 합 니 다.사용 시 이름 공간 만 지정 하면 됩 니 다.예 를 들 어$(\#id1).unbind(".namespace")

좋은 웹페이지 즐겨찾기