1.7.1 事件绑定
jQuery的on和off分别用于绑定和禁用事件。例如:
- $('td').on("click", function (event) { // 绑定abc元素上的click事件,单击时弹出提示
- alert(1);
- });
- $('td).off('click'); // 禁用abc元素上的click事件
但是对于Bootstrap框架,它对jQuery的on和off的使用稍有不同。它使用了另外一种语法,例如:
- $(document).on('click.bs.carousel.data-api','td',function (e){};
- $(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