是否用on来绑定事件的区别

img

img

如图一所示,使用蓝框内容来绑定事件,能实现给每一个

  • 都绑定了单击事件(如图二);
    如图三所示,使用红框内容(on的方法)来绑定事件,也能实现给每一个
  • 都绑定了单击事件(如图四);

    img

    img

    这两种方法,有什么区别?看某站视频说,方法一,无法实现给每个

  • 绑定事件(隐式迭代)

    事件委托(B)
    <body>
        <div id=""> div>
        <ul>我是父亲ul
            <li>孩子1li>
            <li>孩子2li>
            <li>孩子3li>
        ul>        
    
                
        <script type="text/javascript">
            
            $('ul li').click(function() {
                alert('我被单击了!');
            });
        
        /* 
        $('ul').on('click', 'li', function() {
            alert('用on来事件委派');
        });
         */
        
        script>
    body>
    

无非是on的方式可以传入更多参数
你需要传更多参数来区分到底是谁点了,就用on,如果不需要就用click比较简单