博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS闭包中的循环绑定处理程序
阅读量:4710 次
发布时间:2019-06-10

本文共 643 字,大约阅读时间需要 2 分钟。

  前几天工作中写前端js代码时,遇到了遍历元素给它添加单击事件。就是这个问题让我整整调了一个下午。最后还是下班回家,上网查资料才知道怎么解决的。 (PS:之前也在《jQuery基础教程》第四版中看过讲循环绑定处理程序的内容,当时估计也没怎么用心看,所以没记起来。)

  大神要是知道这类情况,可以关掉窗口,写这些主要是给像我一样的小白看的。谢谢! 

  先贴上错误的例子让大家看看。(例子里面用到jQuery,请导入jQuery库) 

     
  循环绑定处理程序                  

 

  这段代码运行之后,点击按钮,弹出的alert中显示数据几呢,我之前一直认为按钮1到按钮4,对应的alert中的数字也是1到4。要是你也这样想,那就错了。 

  点击每个按钮,alert中都是显示数字4,没想到吧! 
  现在写几种解决方案,共大家参考 !
  第一种、编写一个function,在这个function中返回一个函数 

 

  第二种、使用立即调用函数表达式 

  (function(value){ 
    //代码块 
  })(i)//这就是立即调用函数表达式 

 

   第三种、使用jQuery的each函数 

 

  使用上面三种情况,就可以避免一开始那个情况了。 

  其中get(0)指的是将jQuery对象转为DOM对象。 

 

转载于:https://www.cnblogs.com/qujiajun/p/4084039.html

你可能感兴趣的文章
实验吧之【天下武功唯快不破】
查看>>
2019-3-25多线程的同步与互斥(互斥锁、条件变量、读写锁、自旋锁、信号量)...
查看>>
win7-64 mysql的安装
查看>>
dcm4chee 修改默认(0002,0013) ImplementationVersionName
查看>>
maven3在eclipse3.4.2中创建java web项目
查看>>
Building Tablet PC Applications ROB JARRETT
查看>>
Adobe® Reader®.插件开发
查看>>
【POJ 3461】Oulipo
查看>>
Alpha 冲刺 (5/10)
查看>>
使用Siege进行WEB压力测试
查看>>
斑马为什么有条纹?
查看>>
android多层树形结构列表学习笔记
查看>>
Android_去掉EditText控件周围橙色高亮区域
查看>>
《构建之法》第一、二、十六章阅读笔记
查看>>
Git Stash用法
查看>>
Jquery radio选中
查看>>
netty接收大文件的方法
查看>>
软件工程设计之四则运算
查看>>
SpringMVC @ResponseBody 406
查看>>
Partial Tree UVALive - 7190(完全背包)
查看>>