jQuery中的bind()函数跟on()函数有什么区别呢?
.bind()与.on()的区别:
(1)是否支持selector这个参数值。由于javascript的事件冒泡特性,如果在父元素上注册了一个事件处理函数,当子元素上发生这个事件的时候,父元素上的事件处理函数也会被触发。
如果使用on的时候,不设置selector,那么on与bind就没有区别了。
(2)on绑定的事件处理函数,对于未来新增的元素一样可以的,和delegate效果相同,而bind则不行。
(3) delegate用法与on()相同,只是参数的顺序不同:扩展资料:用于事件处理程序}).bind(this);}2.on()则实现事件代理, 可以在匹配元素上绑定一个或者多个事件处理函数。
(1) 用来绑定多事件,并且为同一函数,如:$('div').on('click mouseover',function(){//do sth})
;(2)多个事件绑定不同函数,如:$('div').on({'click':function(){//do sth},'mouseover':function(){//do sth}})
;(3)事件代理,如:html:jq:$('#bt1').on('click',function(){$('body').append('');});$('body').on('click','.bt2',function(){console.log('这是bt2');}
jquery如何给dom添加单击事件?
直接使用click事件是不起作用的,我平常使用的两种方法 1、on事件 var html1=''; html1 +=`
确认提交 暂不提交
` $('.modal-footer').append(html1); $('div').on('click','.sure',function(){console.log("+++");}); 2、onclick事件 var html1=''; html1 +=`确认提交 暂不提交
` $('.modal-footer').append(html1); functionsure(){console.logO("===");} 需要获取到div这个元素,可以通过id,class等等方式得到,比如说div的id为"div1",那么就可以这么写了。$('#div1').click(function(){//这里面就是click事件的内容了});
