Effective Event Binding with jQuery

[Jay_Hubert_Tauron]

@Paul_Wilkins

I don’t know about you, but I much rather prefer to have the code be more easily understandable at a glance.

$.extend({
    hook: function(hookName) {
        if (!hookName) {
            return;
        }
        if (hookName === '*') {
            return $('[data-hook]'):
        }
        return $('[data-hook~="' + hookName + '"]');
    }
});

Some may consider it a small thing, but the above code can be understood more quickly and easily.

Indeed, for readability I would have it like

$.extend({
    hook: function(h) {
        return (!h || h==='*') ? $('[data-hook]') : $('[data-hook~="'+h+'"]');
    }
});

but the matter is subjective and I prefer it like this, I find it quicker than reading a few lines because it takes longer to physically read
also, this plugin could just be put in a js file and included in a document when you want it