【jQuery 區別】.click()和$(document).on("click","指定的元素",function(){});的區別

給出以下的代碼展示：

//綁定 下一頁 的點擊事件
         $("a[aria-label='Next']").click(function(){
             $("a[aria-label='Previous']").show();
             if(page.pageNo == page.totalPage - 1){
                 $("a[aria-label='Next']").hide();
             }else{
                 $("a[aria-label='Next']").show();
             }
             page.pageNo++;
             page.pageSet(bindData , page);
         });
         
         //上面的.click()綁定點擊事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的區別在於：
         //.click只能為頁面現有的元素綁定點擊事件，如果是動態生成的新的元素，是沒有事件的
         //而$(document).on("click","指定的元素",function(){});方法則是將指定的事件綁定在document上，而新產生的元素如果符合指定的元素，那就觸發此事件
         
         //為動態生成的 頁碼按鈕 添加 點擊事件
         $(document).on("click",".pagination li:gt(0):not(:last)",function(){
             page.pageNo = $(this).text();
             $("a[aria-label='Previous']").show();
             $("a[aria-label='Next']").show();
             if(page.pageNo == "1"){
                 $("a[aria-label='Previous']").hide();
             }
             if(page.pageNo == page.totalPage){
                 $("a[aria-label='Next']").hide();
             }
            
             page.pageSet(bindData , page);
         });

上面的.click()綁定點擊事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的區別在於：
1》》.click只能為頁面現有的元素綁定點擊事件，如果是動態生成的新的元素，是沒有事件的
2》》而$(document).on("click","指定的元素",function(){});方法則是將指定的事件綁定在document上，而新產生的元素如果符合指定的元素，那就觸發此事件