Heim >Web-Frontend >js-Tutorial >Wie JQuery Ereignisse verarbeitet
Wie jquery mit Ereignissen umgeht: 1. Deregistrieren Sie den Ereignishandler, der Code lautet [$('*').unbind();]; 2. Lösen Sie das Ereignis aus [trigger();] 3. Passen Sie das Ereignis an Code ist [$('div').click(function(){$.event.trigg].
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.
Empfohlen: jquery Video-Tutorial
Wie Jquery mit Ereignissen umgeht:
Einfache Registrierung von Event-Handlern
//单击任意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函数
Erweiterte Registrierung von Event-Handlern
bind();
// 最简单的使用bind方法 $('div').bind('click','牛逼的bind()',function(event){this.innerText = event.data});
Ereignishandler abmelden
unbind()
$(’*’).unbind() ; //从所有元素中移除所有的jQuery事件处理程序
Trigger-Ereignis
trigger();
trigger();
自定义事件
//用户单击div , 广播一个自定义事件what事件; $('div').bind('what',function(event){console.log(event.type)}); $('div').click(function(){$.event.trigger('what')});
实时事件
delegate();
undelegate();
Benutzerdefiniertes EreignisrrreeeEchtzeitereignis
delegate(); code >
undelegate();
🎜🎜🎜🎜Verwandte Lernempfehlungen: 🎜🎜🎜js-Video-Tutorial🎜🎜🎜🎜Das obige ist der detaillierte Inhalt vonWie JQuery Ereignisse verarbeitet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!