我正在升级一个包含 2 个具有大量元素的视图的 Web 项目。
这时候所有的元素都有mouseenter、mouseleave、click、...等几个事件在网页渲染的时候被一一定义。
我的问题是:使用最后一个 JQuery 方法.on()使用事件映射和动态选择器是否更有效:
$("#main-container").on({
mouseenter: function (event) {
//Do stuff
},
mouseleave: function (event) {
//Do stuff
},
mousedown: function (event) {
//Do stuff
}
},
".cartridge"
);
比当前事件声明:
$('[id^="cartridge"]').each(function(index) {
$(this).click(function(){
//Do stuff
});
$(this).mouseenter(function(){
//Do stuff
});
$(this).mouseleave(function(){
//Do stuff
});
});