>  기사  >  웹 프론트엔드  >  Jquery가 이벤트를 처리하는 방법

Jquery가 이벤트를 처리하는 방법

coldplay.xixi
coldplay.xixi원래의
2020-12-07 16:53:514189검색

jquery가 이벤트를 처리하는 방법: 1. 이벤트 핸들러 등록을 취소합니다. 코드는 [$('*').unbind();]입니다. 2. 이벤트를 트리거합니다. [trigger();]; 코드는 [$('div').click(function(){$.event.trigg]입니다.

Jquery가 이벤트를 처리하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

권장: jquery 비디오 튜토리얼

jquery가 이벤트를 처리하는 방법:

간단한 이벤트 핸들러 등록

//单击任意div时,使其背景变成黄色
$('div').click(function(){   $(this).css({backgroundColor:'yellow'});  });
//toggle(),   将多个事件处理程序函数绑定到单击事件, 按顺序一次调用一个函数;
$('div').toggle(function(){this.innerText='0'},function(){this.innerText='1'},function(){this.innerText='2'},);
//hover(), 用来给mouseenter 和 mouseleave事件注册事件处理函数
第一个参数是mouseenterHandler , 第二个参数是mouseleaveHandler,      
如果mouseenterHandler 与mouseleaveHandler相同, 可以合并,只学一个Handler函数

이벤트 핸들러의 고급 등록

bind();

// 最简单的使用bind方法
 $('div').bind('click','牛逼的bind()',function(event){this.innerText = event.data});

이벤트 핸들러 등록 취소 ㅋㅋㅋ unbind()

$(’*’).unbind() ; //从所有元素中移除所有的jQuery事件处理程序

이벤트 트리거

trigger();

trigger();

自定义事件

//用户单击div , 广播一个自定义事件what事件;
$('div').bind('what',function(event){console.log(event.type)});
$('div').click(function(){$.event.trigger('what')});

实时事件

delegate();

undelegate();맞춤 이벤트

rrreee

실시간 이벤트delegate(); code >undelegate();

🎜🎜관련 학습 권장사항: 🎜🎜🎜js 비디오 튜토리얼🎜🎜🎜🎜

위 내용은 Jquery가 이벤트를 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.