prss.net
当前位置:首页 >> jquEry on CliCk >>

jquEry on CliCk

比如 那么 $("#btn1").click(function(){alert(1)});//点击btn1时,会弹出1 上面这行和下面这行效果是一样的 $("#btn1").bind("click", function(){alert(1)});//点击btn1时,会弹出1 就是把后面那个function绑定到按钮的click事件上 等效于:

从你这个写法来看,是没有区别的。 不过on,可以实现动态html元素绑定事件功能。

on的用法: .on( events [, selector ] [, data ], handler(eventObject) ) 描述: 在选定的元素上绑定一个或多个事件处理函数。 events 类型: String 一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click", "keydown.m...

比如 那么 $("#btn1").click(function(){alert(1)});//点击btn1时,会弹出1 上面这行和下面这行效果是一样的 $("#btn1").bind("click", function(){alert(1)});//点击btn1时,会弹出1 就是把后面那个function绑定到按钮的click事件上 等效于:

function myHandler(event) { alert(event.data.foo); } $("p").on("click", {foo: "bar"}, myHandler); {foo:"bar"}就是传递的参数 可以参考jquery api文档 :)

如果就是上面这么写的话可以说没有区别。但是on的可以给后面通过操作DOM生成的新的符合选择器的元素也绑定事件。但是如果是上面这个语法,就没有这种效果。

jquery的click表示点击事件,这个很好理解,on和bind都是表示绑定一个事件,bind是jquery1.7以前的版本方法,从1.7开始,推出了on方法表示绑定,bind(),live()和delegate()都用了on()来表示,所以说on是bind的替代者。 dom.click只是点击方法的...

$(function(){ $('.btn').click(function(){ $('body').append(''); //注意上句错误。append的字符串中应该是 }); $('.btn').on('click',function(){ console.log('haha'); }); //上面绑定的方式也不对。因为页面刚加载时$('.btn')并不包括后来...

.on()方法事件处理程序到当前选定的jQuery对象中的元素。 .on( events [, selector ] [, data ], handler(eventObject) ) events:类型: String 一个或多个空格分隔的事件类型和可选的命名空间,或仅仅是命名空间,比如"click", "keydown.myPlug...

1:bind():为每个匹配元素的特定事件绑定事件处理函数。 bind(type,[data],fn) type: 含有一个或多个事件类型的字符串,由空格分隔多个事件。 比如"click"或"submit",还可以是自定义事件名。 data:作为event.data属性值传递给事件对象的额外数...

网站首页 | 网站地图
All rights reserved Powered by www.prss.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com