Jquery的on()方法使用
2018-04-01 20:55
211 查看
此方法可以在匹配元素上绑定一个或者多个事件处理函数。 使用off()方法可以删除on()方法绑定的事件。 语法结构一: $(selector).on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间。 selector:可选。一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序。如果选择是空或被忽略,当它到达选定的元素,事件总是触发。 data:可选。作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理。 fn:该事件被触发时执行的函数。 false值也可以做一个函数的简写,返回false。 //为div绑定一个click事件 $("div").on("click",function(){ $(this).text("Holle world."); }) //为div绑定了两个事件,多个事件空格分开 $("div").on("click mousemove",function(){ $(this).text("Holle world."); }) //为.article绑定了两个事件以及两个触发类,触发类需是.article的后代元素,中间用,号分开 $(".article").on("click mouseenter", " .amend ,.compile", function (e) { alert(e); }) //用data参数为绑定的事件处理函数传递数据。 var newtext="这是新文本" $("div").on("click",{"mytext":newtext},function(e){ $(this).text(e.data.mytext); //通过选择器字符串来过滤匹配元素的后代元素中哪些可以响应绑定的事件. //div的children类的子元素触发事件 //该代码类名为children的元素和它的子元素可以调用绑定的事件。 var newtext="这是新文本" $("div").on("click",".children",{"mytext":newtext},function(e){ $(this).text(e.data.mytext); }) 语法结构二: $(selector).on(object,[selector],[data]) object 一个用字符串表示的,一个或多个空格分隔的事件类型和可选的命名空间,值表示事件绑定的处理函数。 selector 可选。一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将调用处理程序。 如果选择是空或被忽略,当它到达选定的元素,事件总是触发。 data 可选。作为event.data属性值传递给事件对象的额外数据对象以供事件处理函数处理。 //事件类型和事件处理函数以对象的形式绑定的。 var newtext="这是新文本" $("div").on({click:function(e){ $(this).text(e.data.mytext); }},{"mytext":newtext})
相关文章推荐
- jquery中ON方法的使用
- jquery中的on方法使用介绍
- 深入理解jquery新的绑定事件机制on方法的使用
- 使用 jquery 事件委托的 on 方法
- jQuery中on方法使用注意事项详解
- jquery新的绑定事件机制on方法的使用方法
- jquery 点击按钮切换样式on方法使用
- 深入理解jquery新的绑定事件机制on方法的使用(推荐)
- JQuery中使用on方法绑定hover事件实例
- Jquery中的on()使用理解,无法使用on方法
- jquery中的on方法使用介绍
- JQuery 1.7.2 API中bind(),on(),live()和delegate()方法的使用
- jquery 使用on方法给元素绑定事件
- jquery使用on()方法绑定元素阻止事件冒泡问题
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用
- 记忆,jQuery的click方法和on方法(on方法,有很多种使用,如on的change)?
- 关于新版jquery用on()方法代替live方法的正确使用方式
- jQuery的三种bind/One/Live/On事件绑定使用方法
- jQuery的三种bind/One/Live/On事件绑定使用方法
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用