jquery on,JavaScript基础教程

jquery on,JavaScript基础教程

∪△∪ jQueryon()方法用于在所选元素上绑定一个或多个事件处理程序。 工具/材料ASUSFH5900vWindows10VScode1.67.1方法/步骤1选择元素并绑定事件：使用.on()方法选择需要绑定的事件。jQuery中有多种绑定事件的方法，建议使用.on()方法绑定事件。 ，有两个原因：1.Theon()方法可以绑定动态添加到页面元素的事件，例如动态添加到页面的DOM元素。用.on()方法绑定的事件不需要绑定。

1.Theon()方法在所选元素及其子元素上添加一个或多个事件处理程序2.从jquery1.7版本开始，theon()方法是bind()live()delegate()方法的新替代，建议使用此方法。on()函数的返回值是jQuery类型，并返回当前jQuery对象本身。 重要提示：如果传递了选择器参数，则on()函数不会将事件处理程序绑定到与当前jQuery对象匹配的元素。

on()jQueryon()方法jQueryevent方法实例向元素添加clickeventhandler:$(document).ready(function(){$("p").on("click",function(){alert("段落被单击jQueryon()方法概述在所选元素上绑定一个或多个事件的事件处理程序函数。Theon()方法将事件处理程序绑定到当前所选jQuery对象中的元素。在jQuery1中 .7、Theon()方法提供绑定事件

∩﹏∩ .on(events[,selector][,data],handler)Returns:jQueryDescription:Attachaneventhandlerfunctionforoneormoreeventstotheselectedelements.versionconsole.log("eventhandlerboundbyonmethod");});```在这个例子中我们创建了两个事件处理程序，一个使用click()方法绑定，另一个使用on()方法绑定。它们都是针对文档的

ˇ０ˇ 3.Falseofon在on方法中，如果你想防止事件冒泡并防止默认的事件行为，可以使用快捷方法，直接为false。 例如formsubmission:$('form').on('submit',false);4.on'sdata.on(events[,sel$(selector).on(event,childSelector,data,function)1.我一直很好奇jquery如何处理多个参数。只能传递几个参数，而且顺序没有强制要求，所以我想到了jquery的方法1.do