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

给出以下的代码展示：

 1 //绑定 下一页 的点击事件
 2          $("a[aria-label='Next']").click(function(){
 3              $("a[aria-label='Previous']").show();
 4              if(page.pageNo == page.totalPage - 1){
 5                  $("a[aria-label='Next']").hide();
 6              }else{
 7                  $("a[aria-label='Next']").show();
 8              }
 9              page.pageNo++;
10              page.pageSet(bindData , page);
11          });
12
13          //上面的.click()绑定点击事件 和 下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的区别在于：
14          //.click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的
15          //而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件
16
17          //为动态生成的 页码按钮 添加 点击事件
18          $(document).on("click",".pagination li:gt(0):not(:last)",function(){
19              page.pageNo = $(this).text();
20              $("a[aria-label='Previous']").show();
21              $("a[aria-label='Next']").show();
22              if(page.pageNo == "1"){
23                  $("a[aria-label='Previous']").hide();
24              }
25              if(page.pageNo == page.totalPage){
26                  $("a[aria-label='Next']").hide();
27              }
28
29              page.pageSet(bindData , page);
30          });

View Code

上面的.click()绑定点击事件和下面的 $(document).on("click",".pagination li:gt(0):not(:last)",function(){});的区别在于：
1》》.click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的
2》》而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件

转载于:https://www.cnblogs.com/sxdcgaq8080/p/5737779.html

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

Jquery 循环遍历table获取tr内指定的元素，并校验查重，删除元素值有相同的tr
//验证申请子表不能重复 function checksublist() {var idarray = new Array();$("table.table_title1").fi ...
jQuery的on绑定click和直接绑定click区别
状况之外在之前的公司并没有遇到这个问题,也就没有深究.直到自己换了现在的公司,刚来第二天就开始写别人写到一半的项目,很无奈,不是原生就是jquery,由于项目急,已经来不及切换框架重新布局,只能继续 ...
jQuery 中$('.classname').on('click',function(){});与$(document).on('click','.classname',function(){});
$('.classname').on('click',function(){}); 该方法只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的 $(document).on('cl ...
$（document）.click（）在iPhone上无法正常工作jQuery
如何解决$(document).click()在iPhone上无法正常工作jQuery? 添加以下代码即可. 问题是iPhone不会引发点击事件.他们引发"触摸"事件.非常感谢苹果 ...
.on（#39;click#39;）与.click（）之间的区别
以下代码之间有什么区别? $('#whatever').on('click', function() {/* your code here */ }); 和 $('#whatever').click( ...
JQuery 自动触发 a 标签的 click事件
前言 JQuery 使用 trigger 可以自动触发 HTML元素的 click() 方法 a标签有些特殊,JQuery无法使用 trigger 触发 a 标签click事件,需要迂回一下. a标签 ...
移动端ajax,jQuery基于$.ajax设置移动端click超时处理方法
本文实例讲述了jQuery基于$.ajax设置移动端click超时处理方法.分享给大家供大家参考,具体如下: 这里介绍jquery click事件如何在移动端自动转换成touchstart事件. 因为 ...
转载】JQuery中如何传递参数如click(),change()等具体实现
转载地址:http://www.jb51.net/article/36249.htm 有个需求让两个select中option相互转换,这个作业就是给几个按钮添加click()事件接下来为大家介绍下如 ...
苹果手机浏览器$(document).on(click,function(){})点击无效的问题(转）
苹果手机浏览器$(document).on("click",function(){})点击无效的问题今天在测试的时候发现,动态生成元素的点击事件$(document).on(&q ...

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

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

最新文章

热门文章