jquery中的delegate函数有什么用？

Question

jquery中的delegate函数有什么用

Answer 1

$("p").delegate("body", "click", function(){
alert("P元素的CLICK事件！");

});
这个代码的意思是向Body元素下面的已有P元素以及未来被添加到body的P元素添加click事件。
$("body").append("<p>后追加的p元素</p>");
此时这个被添加的p元素也会被绑定上之前代码上的那个click事件，不必再手动绑定。
但是本人并不推荐用delegate的方式给元素绑定事件处理函数，他的原理是在body（参数第一个传的是啥就是啥）绑定click（第二个参数传的是啥就是啥）事件
，然后判定触发当前click的事件是否符合当前绑定的选择器（即代码示例中的$("p")），如果符合，再回调你的click函数。也就是说这个方式绑定的click事件并非是直接绑定到p（代码写的是啥就是啥）元素上的，而是body上的，性能差，一旦用这种方式给10种dom绑定click事件，那么他肯定会有一个队列保存这10种选择器，当你触发一个click事件时会用一个循环去判断是否满足这10种dom中的具体哪一种而后再回调具体的事件处理函数。而且还有个问题就是他有些事件并不支持这样绑定。所以除了万不得已不推荐这样写。

Answer 2

jQuery函数：以$作为起始说明，如：
$(
function(){}
);
上述是一个jQuery函数，其中有一个参数——function(){};——一个匿名的javascript函数；
-----------------------------------------------------------------
页面对不同访问者的响应叫做事件。
jQuery事件：jQuery可以触发任意元素的任意事件；jQuery的事件也就是指——HTML 中发生某些事件时所调用的方法。如：
$("#album-list img").mouseover();
这里jQuery方法mouseover关联这<img>下的onmouseover事件；当用户点击相应图片，触发了onmouseover事件，就会调用mouseover方法，并执行其中的处理逻辑；
-----------------------------------------------------------------
jQuery事件绑定：
jQuery的on/off方法为事件绑定/解除绑定提供统一的API；其他诸如bind、live、delegate方法只是将调用传递给on方法；同时，jQuery也为一些事件提供了专门的方法，如上述的mouseover；

Answer 3

bind是用来绑定一个或多个事件的，live其实bind的一个加强版，用来绑定通过JavaScript或者jQuery添加的DOM元素事件，其语法结构是一样

1
2
3
4
5
6

$("p").bind("mouseenter mouseleave",function(){
alert("ok");
})
$("p").live("mouseenter mouseleave",function(){
alert("ok");
})

delegate用于事件委托，也是绑定过JavaScript或者jQuery添加的DOM元素事件。

1
2
3

$("div").delegate("p","click",function(){
alert("p");
})

点击div下面的P执行alert;
而on是在1.7之后新增的，是把bind,live,delegate全部合并在一起了，

1
2
3

$("div").on("click","p",function(){
alert(1);
})

不需要事件委托的时候把P去掉就会变成点击div触发了。
个人建议根据版本来使用，语法其实都差不多，如果你是用1.7版本以上就建议用on，毕竟bind，live，delegate这些将来都会遗弃了，如有错误，请指出。顺便吐槽一下楼上的回答，不走心啊