bind、delegate、on的区别
生活随笔
收集整理的這篇文章主要介紹了
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的区别的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： FPGA时序约束和timequest t
- 下一篇： 新建/克隆虚拟机（配置）