jq中绑定事件与普通事件的区别

.click（function(){}）与.on(‘click’,function(){})的区别，前者是jq中普通的写法，后者为绑定事件的写法，最大的区别为后者可以给动态创建元素添加事件

<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <script src="../jquery-3.4.1.min.js"></script>
    <script>
    $('li').click(function(){
        console.log($(this).index())
    })
    // $('ul').on('click','li',function(){
    //     console.log($(this).index())
    // })
    $('ul').append($('<li>6</li>'))
    </script>

这是普通的写法，当点击前五个li是能够打印他们的下标，但是当点击动态创建的第六个li时则无法打印其下标，但用绑定事件的写法是能够打印出来

$('ul').on('click','li',function(){
        console.log($(this).index())
    })
`需要注意的是.前面为绑定事件元素的父元素``