标签:false class tst jquer 事件绑定 事件委托 javascrip 自动 服务
语法: element.on(events, [selector], fn)
on() 方法优势
1、可以绑定多个事件、多个处理事件处理程序
$(“div”).on({
mouseover: function(){},
mouseout: function(){},
click: function(){}
});
2、事件委派
把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素。
$('ul').on('click', 'li', function() {
alert('hello world!');
});
3、动态创建的元素,click()没有办法绑定事件,on()可以给动态生成的元素绑定事件
$(“div").on("click",”p”, function(){
alert("给动态生成的元素绑定事件")
});
off()
$("p").off() // 解绑p元素所有事件处理程序
$("p").off( "click") // 解绑p元素上面的点击事件
$("ul").off("click", "li"); // 解绑事件委托
如果有的事件只想触发一次, 可以使用 one() 来绑定事件
简写
对象调方法
trigger() 会触发元素默认效果
$("p").on("click", function () {
alert("hi~");
});
$("p").trigger("click"); // 此时自动触发点击事件,不需要鼠标点击
triggerHandler() 不会触发元素的默认行为
标签:false class tst jquer 事件绑定 事件委托 javascrip 自动 服务
原文地址:https://www.cnblogs.com/itxcr/p/11600069.html