以来
$("table").delegate("td","hover",function(){
$(this).toggleClass("hover");
});
等效于使用.live()编写的以下代码：
$("table").each(function(){
$("td",this).live("hover",function(){
$(this).toggleClass("hover");
});
});
根据jQuery API.
我打赌我错了,但写作不一样
$("table td").live('hover',function() {});
那么,什么是.delegate()？
解决方法
.live()监听文档,其中
.delegate()监听更多本地元素,< table>在这种情况下.
他们都采取同样的方式来监听事件的泡沫,而.delegate()只是在被抓住之前泡沫少.
你的例子：
$("table td").live('hover',function() {});
不一样,因为它再次将事件处理程序附加到文档而不是< table>,因此.delegate()适用于更多本地元素,在大多数方面更有效……尽管它仍然使用.live().
还要记住$(selector)检索元素,因此$(“table td”)在使用.live()时,实际上没有任何理由选择一堆元素,其中为$(“table”).delegate()仅选择< table>元素,所以即使最初它没有运行选择器并丢弃结果也更有效率.
