更智能的事件绑定

Avatar of Chris Coyier
Chris Coyier
$("p").live("click", function(){
      $(this).css("color", "red");
});

之所以说这种方法更智能,是因为页面上可能存在许多 p 元素。如果例如有 10 个这样的元素,传统的点击事件绑定将需要 10 个处理程序。而 live 函数只需要一个,从而减少了浏览器所需的内存。然后,想象一下如果这个数量增加到 100(例如,一个包含 1000 个单元格且带有悬停事件的表格)会怎样。

此外,使用 live 函数无需在向页面添加更多元素(例如通过 AJAX)时重新绑定事件。