on('clcik')与$('').clcik()方法的区别：
- on('clcik')：事件委托机制
在body元素上绑定click事件处理函数handler，如果这个click事件是由其后代的P元素触发的，就执行handler $(document.body).on("click", "p", handler); 事件委托机制就是，我们不为每个P元素直接绑定click事件处理函数，而是委托给其某个公共的祖辈元素(此处示例中为document.body)，"告诉"他：如果接收到了click事件触发通知，并且这个click事件是由我们这些P元素其中之一触发的，就执行祖辈元素上委托绑定的事件处理函数。 注意："focus"、"blur"等部分事件不支持冒泡，使用事件委托机制将无效。不过，他们一般也有对应的支持冒泡的事件。例如与"focus"对应的"focusin"，与"blur"对应的"focusout"。此外，我们也可以使用event.stopPropagation()方法，让当前触发的事件停止冒泡。
一、绑定多个事件，用空格隔开事件和命名空间如：“click”或“keydown.myPlugin”。或者格式为
on({
"clcik": function(){},
mouseover: function(){}
})
命名空间: namespace 名字{ 定义的数据； 定义的函数； 也可以是定义的类...} 2.可以给动态元素和属性绑定事件 clcik()不能为页面动态加载元素添加事件，事件只能为clcik
二、on()的参数
("form").on("submit", false)
map:规定事件映射 ({event:function, event:function, ...})，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数
三、 onclick,click,on()的优先关系：onclick>click>on()
以上这篇js事件on动态绑定数据,绑定多个事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
