Jquery Custom Event是指通过Jquery的事件机制,开发者可以自定义事件,使得代码更加简洁,灵活。在Jquery Custom Event的实现中,主要通过trigger()、bind()、unbind()、on()、 off()等方法来实现。下面将分别介绍这些方法。
//trigger() $('button').click(function() { $('p').trigger('myEvent'); }); $('p').on('myEvent', function() { $(this).text('myEvent was triggered'); }); //bind() $('p').bind('myEvent', function() { $(this).text('myEvent was triggered'); }).trigger('myEvent'); //unbind() $('p').on('myEvent', function() { $(this).text('myEvent was triggered'); }); $('button').click(function() { $('p').unbind('myEvent'); }); //on() $('p').on('myEvent', function() { $(this).text('myEvent was triggered'); }).trigger('myEvent'); //off() $('p').on('myEvent', function() { $(this).text('myEvent was triggered'); }); $('button').click(function() { $('p').off('myEvent'); });
通过使用Jquery Custom Event,我们可以更加方便地对事件进行自定义。将代码进行优化,使得程序更加灵活。同时,通过自定义的事件,我们也可以更好地实现代码的模块化,使得维护代码更加容易。