집 >웹 프론트엔드 >JS 튜토리얼 >jQuery 학습 5 jQuery 이벤트 Model_jquery

jQuery 학습 5 jQuery 이벤트 Model_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의: 2016-05-16 18:35:181053검색

jQuery 이벤트 모델의 기능은 다음과 같습니다.
이벤트 핸들러를 설정하기 위한 통합 방법을 제공합니다.
각 요소의 각 시간 유형에 대해 여러 핸들러를 허용합니다.
클릭 또는 마우스 오버와 같은 표준 이벤트 유형 이름을 채택합니다.
핸들러에 대한 인수로 사용할 수 있는 이벤트 인스턴스를 사용합니다.
가장 일반적으로 사용되는 이벤트 인스턴스 속성을 정규화합니다.
이벤트 취소 및 기본 작업 차단을 위한 통합 메서드를 제공합니다.
jQuery 바인딩 이벤트 핸들러:
bind() 명령
$('img').bind('click',funciton(event){alert('Hi there');}); 제공된 인라인 함수를 클릭 이벤트 핸들러로 페이지의 이미지에 바인딩합니다.

브라우저별 코드 없이 이벤트 핸들러 빌드

코드 복사 코드는 다음과 같습니다.

 
jQuery 이벤트 예<br><script type="text/javascript" src="../scripts/jquery-1.2.%201.%20js"></script> <BR><script type="text/javascript"> <BR>$(function(){ <BR>$('#vstar') <BR>.bind('click',function(event) { <BR>say('한 번!'); <BR>}) <BR>.bind('click',function(event) { <BR>say( '휘 두 번!') <BR>}) <BR>.bind('click',function(event) { <BR>say('휘 세 번!'); <BR>}); ); <BR>function say(text) { <BR>$('#console').append('<div>' text '</div>') <BR></ 스크립트> <BR></head> <BR><body> <BR><img id="vstar" src="vstar.jpg"/> ;< ;/div> <BR></body> <BR><BR> <BR><BR>이벤트 핸들러 삭제 unbind(event,listener),unbind(event) > 래퍼 세트의 모든 요소에서 선택적 전달 매개변수로 지정된 이벤트 핸들러를 제거합니다. 매개변수가 제공되지 않으면 모든 리스너(예: 이벤트 핸들러)가 요소에서 제거됩니다. <BR>Toggle 리스너 토글() <BR>toggle(listenerOdd,listenerEven)은 전달된 함수를 래퍼 세트 소유로 설정합니다. 한 쌍의 클릭 이벤트 클릭 이벤트가 트리거될 때마다 서로 전환되는 요소에 대한 핸들러입니다. </script>

클릭 이벤트가 발생할 때마다 보완 리스너를 호출합니다

코드 복사

코드는 다음과 같습니다. ;html> jQuery 토글 명령 예

<본문> 

외부 1 
내부 1

외부 2 
내부 2

성명：

이전 기사：jQuery를 사용하여 GridView 비동기 정렬 및 페이징 구현 code_jquery다음 기사：jQuery를 사용하여 GridView 비동기 정렬 및 페이징 구현 code_jquery

jQuery 학습 5 jQuery 이벤트 Model_jquery

관련 기사