bind、delegate、on的区别

on(type,[data],fn)

on有三个参数，type代表事件类型，可以为“click"、"onchange"、"mouseover"

data可以不传，如果传入data，可以在fn中以e.data取到

fn：函数，形参传入e，e.target可以拿到当前被点击的元素

delegate(selector,type,[data],fn)

selector:选择器

on(type,selector,[data],fn)

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>test2</title></head><body><ul id="ul" style="padding:20px"><li>1</li><li>2</li><li>3</li><li>4</li></ul><input type="button" value="add" id='add'><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><script type="text/javascript">$(function(){// $("#ul").bind("click",{name:"Annie"},function(e){//   console.log(e.target);//   console.log(e.data);// })
        $("#ul").delegate("li","click",{name:"Annie"},function(e){console.log(e.target);console.log(e.data);})// $("#ul").on("click","li",{name:"Annie"},function(e){//   console.log(e.target);//   console.log(e.currentTarget);//   console.log(e.data);// })
        $("#add").click(function(){console.log('add');$("#ul").append("<li>5</li><li>6</li><li>7</li>");})})</script></body>
</html>

转载于:https://www.cnblogs.com/AnnieShen/p/7682059.html

bind、delegate、on的区别相关推荐

[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别？
[jQuery] 谈一下Jquery中的bind(),live(),delegate(),on()的区别? 在我们深入了解这些方法之前,我们先来一段常见的的HTML,作为我们编写jquery示例方法使 ...
jquery 事件绑定及取消 bind live delegate on one区别（超详细且通俗易懂）
on bind delegate live one 四种方法差别不是特别大 bind讲完后,后面的方法只会说不同点 1.bind() $(selector).bind(event,data,funct ...
Jquery绑定事件（bind和live的区别）[转]
Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function ...
iOS 中KVC、KVO、NSNotification、delegate 总结及区别
iOS 中KVC.KVO.NSNotification.delegate 总结及区别 1.KVC,即是指 NSKeyValueCoding,一个非正式的Protocol,提供一种机制来间接访问对象的属 ...
Jquery中bind和live的区别
Jquery中bind和live的区别 Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind(" ...
JavaScript的call，apply和bind方法之间的区别
by Rajat Saxena 通过拉贾特·萨克森纳(Rajat Saxena) JavaScript的call,apply和bind方法之间的区别 (The difference between J ...
call apply bind 的作用和区别
1.call apply bind 的作用和区别作用: 都可以改变函数内部的this指向. 区别点: 1.call和apply会调用函数,并且改变函数内部this指向. 2.call和apply传递 ...
JavaScript--------------------jQuery中.bind() .live() .delegate() .on()的区别和三种方式写光棒事件动画...
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数. $("a").bind("click",function(){alert( ...
jQuery中.bind() .live() .delegate() .on()的区别
bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 $("a").bind("click",function(){alert(& ...
python中bind的用法_JS中的apply、call和bind的用法和区别
apply和call两种调用方式中的this指向,表现出来的特征就是:对象可以'借用'其他对象的方法 obj对象有一个方法fn,obj1想借用obj的方法fn,可以用obj.fn.apply(obj1 ...

bind、delegate、on的区别

on(type,[data],fn)

delegate(selector,type,[data],fn)

on(type,selector,[data],fn)

bind、delegate、on的区别相关推荐

最新文章

热门文章