一、事件注册
1、事件注册:可以绑定多个事件(利用对象的方式)
$("div").on({
mouseenter: function() {
$(this).css("background", "skyblue");
},
click: function() {
$(this).css("background", "purple");
},
mouseleave: function() {
$(this).css("background", "blue");
}
});
$("div").on("mouseenter mouseleave", function() {
$(this).toggleClass("current");
});
2、on()方法优势1
可以事件委派操作,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素
$("ol").on("click", "li", function() {
alert(11);
})
3、 优势二:
on可以给未来动态创建的元素绑定事件
// (3) on可以给未来动态创建的元素绑定事件
// $("ol li").click(function() {
// alert(11);
// })
$("ol").on("click", "li", function() {
alert(11);
})
var li = $("<li>我是后来创建的</li>");
$("ol").append(li);
4、one 只触发一次事件
$("p").one("click", function() {
alert(11);
})
二、事件解绑
(1)$("div").off(); // 这个是解除了div身上的所有事件
(2)$("div").off("click"); // 这个是解除了div身上的点击事件
(3)$("ul").off("click", "li"); 解绑了事件委派
三、自动触发事件
(1)元素.事件()
$("div").click();会触发元素的默认行为(例如文本框聚焦闪烁)
(2). 元素.trigger("事件")
$("div").trigger("click");会触发元素的默认行为
(3)元素.triggerHandler("事件") 不会触发元素的默认行为
$("div").triggerHandler("click");