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

1. //绑定 下一页 的点击事件  
            $("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上，而新产生的元素如果符合指定的元素，那就触发此事件
2. *on方法包含很多事件，点击，双击等等事件。和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。