jquery事件命名空间

JQUERY事件命名空间

2012 年 08 月 21 日 by Ryan 

event.namespace

今天这篇文章是关于jQuery事件命名空间，事件命名空间在一些MVC类的框架中也是有所体现的。jQuery在1.2版本之后就加了这个Namespaced event特性(event.namespace在1.4.3)，但是在日常开发中，我们又有多少人去使用它呢？使用它有什么好处呢？

第一个问题，我想如果比较少人去使用这个namespace是因为大家都没有看好API，导致许多功能并不知道。其次就是在小型站点开发，这个namespace显得有点多余，谁吃饱没事做写一个要命名一个。那么就间接回答了它的好处，在大型的开发中，命名空间的好处是很多的。比如，你解除绑定的时候。你再也不会没有目标了。因为我也是刚发现的，所以还是看看例子吧。

它出现的原因

$(‘.class’).bind(‘click’, function(){});

*jQuery1.7后，所以有事件建议使用on()来绑定，而不使用bind()了，这样做的目的是为了统一。而解绑就自然是Off()，unbind()相应地也不使用。
当你看源码的时候，可以发现，所有事件都是指回到on()这个方法，也就是所有的事件都可以用on来绑定。

当你想解绑一个特定的click事件，你就遇到麻烦了。因为unbind会解绑所有的click事件。

$(‘.class’).unbind(‘click’);

当然还有一种方法，那就是创建一个引用函数。

function handler() { … }
$(‘.class’).bind(‘click’, handler);
$(‘.class’).unbind(‘click’, handler);

但是，这不够灵活。

解决方法

$(‘.class’).bind(‘click.namespace’, function(){});
$(‘.class’).trigger(‘click.namespace’); // Will trigger
$(‘.class’).trigger(‘click’); // Will trigger
$(‘.class’).trigger(‘click.other’); // Won’t trigger