Javascript 在jquery中使用on()时更好更快的技术?

Javascript 在jquery中使用on()时更好更快的技术?,javascript,jquery,performance,Javascript,Jquery,Performance,我希望我的文件加载速度更快,因此我了解了如何创建更快、更强大的jquery。我知道我必须使用click(),但最好使用on() 在我的例子中,我有一个div(#菜单),里面有一个项目列表(),并单击要打印的项目以显示警报。我不明白这两个选项之间的区别(以及原因)是最好的: A $('#menu li').on('click', function(){ alert("ok"); }); B $('#menu').on('click','li', function(){

我希望我的文件加载速度更快,因此我了解了如何创建更快、更强大的jquery。我知道我必须使用click(),但最好使用on()

在我的例子中,我有一个div(#菜单),里面有一个项目列表(
  • ),并单击要打印的项目以显示警报。我不明白这两个选项之间的区别(以及原因)是最好的:

    A

      $('#menu li').on('click', function(){
        alert("ok");
       });
    
    B

        $('#menu').on('click','li', function(){
        alert("ok");
       });
    
    我希望你能帮助我。。。不幸的是,意大利语没有太多的解释,我的英语也不是很好。。
    提前谢谢你

    区别在于,第一个将为代码运行时存在的所有
  • 创建一个事件侦听器

    第二个侦听器总共只创建一个事件侦听器,并在目标与选择器参数匹配时激发

    一个监听器比创建100个事件监听器更有效

    但与第一种方法相比,它的主要优势在于它考虑了尚不存在的元素。这被称为“事件委派”


    简而言之,当您知道目标元素将在将来动态添加时,请使用第二个目标版本。区别在于第一个版本将为代码运行时存在的所有
  • 创建事件侦听器

    第二个侦听器总共只创建一个事件侦听器,并在目标与选择器参数匹配时激发

    一个监听器比创建100个事件监听器更有效

    但与第一种方法相比,它的主要优势在于它考虑了尚不存在的元素。这被称为“事件委派”


    简而言之,当您知道目标元素将在将来动态添加时,请使用第二个目标版本

    请不要使用代码格式标记来强调/引用。用它来格式化代码。这也是为了更快吗?你说的更快是什么意思?添加一个处理程序比添加许多处理程序花费的时间要少。请不要使用代码格式标记来强调/引用。用它来格式化代码。这也是为了更快吗?你说的更快是什么意思?添加一个处理程序将比添加多个处理程序花费更少的时间