1.7.1 事件绑定

jQuery的on和off分别用于绑定和禁用事件。例如:

  1. $('td').on("click", function (event) { // 绑定abc元素上的click事件,单击时弹出提示
  2. alert(1);
  3. });
  4.  
  5. $('td).off('click'); // 禁用abc元素上的click事件

但是对于Bootstrap框架,它对jQuery的on和off的使用稍有不同。它使用了另外一种语法,例如:

  1. $(document).on('click.bs.carousel.data-api','td',function (e){};
  2. $(document).off('.carousel.data-api');

上述的on在使用时,中间多了一个参数,而且选择器变成了document。它的好处是只在document上绑定一个单击事件,利用冒泡的机制,在单击的时候检查是否是td元素,如果是才处理。而前面我们把td作为选择器的时候,一个页面有多少td元素就会绑定多少个click事件,这样性能会大大降低。这种3个参数的模式称为享元模式。

关于享元模式的详细信息,请访问笔者的博客“深入理解JavaScript系列”里的第37篇,地址如下:http://www.cnblogs.com/TomXu/archive/2012/04/09/2379774.html