jquery – .on()函数调用之间的区别

以下有什么区别？

$(document).on("scroll",".wrapper1",function(){
   $(".wrapper2")
    .scrollLeft($(".wrapper1").scrollLeft());
});  

$('.wrapper1').on("scroll",function(){
        $(".wrapper2")
            .scrollLeft($(".wrapper1").scrollLeft());
});

什么时候应该准确使用每个功能？

解决方法

这两者之间的区别是

$(‘.wrapper1’).on(“scroll”,….)将scroll事件绑定到执行此语句时出现的那些元素,即是否动态添加任何带有类wrapper1的新元素执行此语句后,将不会为这些元素执行事件处理程序.

另一方面,$(document).on(“scroll”,“.wrapper1”,…)将向文档对象注册一个事件处理程序,并且只要在元素内发生滚动,就会使用事件冒泡来调用处理程序使用类`wrapper“,因此它将支持动态添加元素.

所以什么时候喜欢一种方法

如果您只有有限数量的元素并且它们不是动态添加的,那么您可以选择第一种方法

如果你有很多元素或者动态添加这些元素,则首选第二种方法.