Jquery.on,jqueryon绑定mouseover事件

jQuery绑定事件on

jQuery中用on来绑定事件,常用写法

10年积累的网站制作、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先建设网站后付款的网站建设流程,更有芦淞免费网站建设让你可以放心的选择与我们合作。

两种写法哪个更好?

1. $(document).on 将事件委托document, $('#idname').on 将事件绑定到.className元素上。每次document有点击动作,浏览器都会判断当前点击的对象。如果匹配再决定要不要执行,多了个判断环节。JS渲染效率很高,所以此异同基本可以忽略。

2. $("className").on 为onclick绑定,只有在页面onload时执行一次。页面刷新后,新加载的具有className的元素便没有事件绑定到上面了。相反$(document).on这种方法会刷新和重新赋予绑定操作,所以一定程度上更为全面。

jquery中on()方法和live()方法的区别

一、作用不同

1、on():在被选元素及子元素上添加一个或多个事件处理程序。

2、live():为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

二、触发条件不同

1、on():使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。

2、live():通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。

三、语法不同

1、on():$(selector).on(event,childSelector,data,function)childSelector可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。

2、live():$(selector).live(event,data,function),其中event必需。规定附加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。

参考资料来源:百度百科-jQuery

jquery 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。

jQuery中的.on和.delegate的区别

两者区别是seleter和events顺序不同

delegate和on方法被选元素的子元素必须是"合法的"子元素。on(events,[selector],[data],fn),参数[selector]是可选,

一个选择器字符串用于过滤器的触发事件的选择器元素的后代。

delegate的selector是必需的。

标题名称:Jquery.on,jqueryon绑定mouseover事件
URL链接:https://www.cdcxhl.com/article20/phhdjo.html

成都网站建设公司_创新互联,为您提供网站制作网站维护电子商务云服务器虚拟主机外贸建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站建设