JS 循环li添加点击事件 (闭包的应用)


Posted in Javascript onDecember 10, 2016

废话不多说了,直接给大家贴代码了,具体代码如下所述:

var aLi = document.querySelectorAll('.article-tab li');
 for (var i = 0; i <= aLi.length; i++) {   
 (function(){   
  var p = i   
  aLi[i].onclick = function() {   
   alert(p);   
  } 
 })(); 
}

以上所述是小编给大家介绍的JS 循环li添加点击事件 (闭包的应用),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。

Javascript 相关文章推荐
一组JS创建和操作表格的函数集合
May 07 Javascript
JavaScript CSS修改学习第一章 查找位置
Feb 19 Javascript
基于jquery的回到页面顶部按钮
Jun 27 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
jquery编写日期选择器
Mar 16 Javascript
Vue computed计算属性的使用方法
Jul 14 Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
Mar 03 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 #Javascript
javascript动画之磁性吸附效果篇
Dec 09 #Javascript
Canvas 制作动态进度加载水球详解及实例代码
Dec 09 #Javascript
详解自动生成博客目录案例
Dec 09 #Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 #Javascript
JS判断是否手机或pad访问实现方法
Dec 09 #Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
Dec 09 #Javascript
You might like
PHP利用COM对象访问SQLServer、Access
2006/10/09 PHP
分享PHP header函数使用教程
2013/09/05 PHP
PHP引用返回用法示例
2016/05/28 PHP
PHP基于自增数据如何生成不重复的随机数示例
2017/05/19 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
2015/12/01 Javascript
解决jQuery使用JSONP时产生的错误
2015/12/02 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
2017/09/28 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
JS实现前端路由功能示例【原生路由】
2020/05/29 Javascript
跟老齐学Python之有容乃大的list(1)
2014/09/14 Python
Python生成密码库功能示例
2017/05/23 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
python将字典内容存入mysql实例代码
2018/01/18 Python
Python实现PS滤镜特效之扇形变换效果示例
2018/01/26 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
Joe Fresh官网:加拿大时尚品牌和零售连锁店
2016/11/30 全球购物
Java基础类库面试题
2013/09/04 面试题
小学新教师培训方案
2014/02/03 职场文书
数控技术应用个人求职信范文
2014/02/03 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
保护环境建议书作文300字
2015/09/14 职场文书
MySQL七大JOIN的具体使用
2022/02/28 MySQL