19、jQuery 高级事件处理与插件开发

jQuery 高级事件处理与插件开发

1. 自定义事件监听器

在 jQuery 中，我们可以创建自定义的事件监听器对象。通过以下代码，我们可以实现一个简单的监听器：

Listener.prototype.each = function(fn) {
    fn.call(this);
    return this;
};
$.listener = function( data ){
    return $.extend(new Listener(), data);
};

现在，我们可以创建具有所需 jQuery 事件方法的对象。例如：

jQuery.page = jQuery.listener({
    title: 'Start',
    changeTo: function( title ){
        this.title = title;
        this.trigger('change');
    }
});
jQuery.page.changeTo('Inbox');

同时，我们可以绑定事件处理程序来响应这些自定义事件：

jQuery.page.bind('change', function(e){
    jQuery('#text1').text( 'Page is ' + this.title );
});