13518219792
教你如何给
创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站设计、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的寒亭网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
jQuery
on方法绑定的函数传递参数，代码如下：
复制代码
代码如下:
$(".loadingFlower").on("click",'',{name:"123",id:"234",tel:"345"},callback)
function
callback(event){
console.log(event.data.name);
//参数1
=123
console.log(event.data.id);
//参数2
=234
console.log(event.data.tel);
//参数3
=345
}
on指的是事件委托，举个例子，
$(document).on("click", ".ontest", function () {
//......
});
假设你的.ontest一开始不存在DOM结构当中，也就是html里面，如果你直接click(function () {});的话，事件是无法成功绑定的，而用on委托给document的话，在事件冒泡的时候，就可以成功出发绑定的事件。
jQuery中用on来绑定事件，常用写法
两种写法哪个更好？
1. $(document).on 将事件委托document， $('#idname').on 将事件绑定到.className元素上。每次document有点击动作，浏览器都会判断当前点击的对象。如果匹配再决定要不要执行，多了个判断环节。JS渲染效率很高，所以此异同基本可以忽略。
2. $("className").on 为onclick绑定，只有在页面onload时执行一次。页面刷新后，新加载的具有className的元素便没有事件绑定到上面了。相反$(document).on这种方法会刷新和重新赋予绑定操作，所以一定程度上更为全面。
.on()方法事件处理程序到当前选定的jQuery对象中的元素。
.on( events [, selector ] [, data ], handler(eventObject) )
events：类型: String
一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如"click", "keydown.myPlugin", 或者 ".myPlugin"。
selector：类型: String
一个选择器字符串，用于过滤出被选中的元素中能触发事件的后代元素。如果选择器是 null 或者忽略了该选择器，那么被选中的元素总是能触发事件。
data：类型: Anything
当一个事件被触发时，要传递给事件处理函数的event.data。
handler(eventObject)：类型: Function()
事件被触发时，执行的函数。若该函数只是要执行return false的话，那么该参数位置可以直接简写成 false。
两者区别是seleter和events顺序不同
delegate和on方法被选元素的子元素必须是"合法的"子元素。on(events,[selector],[data],fn)，参数[selector]是可选，
一个选择器字符串用于过滤器的触发事件的选择器元素的后代。
delegate的selector是必需的。
