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 Form.elements[i]的使用实例
Nov 13 Javascript
鼠标滚轮控制网页横向移动实现思路
Mar 22 Javascript
js为空或不是对象问题的快速解决方法
Dec 11 Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
javascript 应用小技巧方法汇总
Jul 05 Javascript
javascript实现动态导入js与css等静态资源文件的方法
Jul 25 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
php register_shutdown_function函数详解
Jul 23 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
JQuery使用属性addClass、removeClass和toggleClass实现增加和删除类操作示例
Nov 18 jQuery
JavaScript中的全局属性与方法深入解析
Jun 14 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
ThinkPHP视图查询详解
2014/06/30 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP中静态变量的使用方法实例分析
2016/12/01 PHP
PHP使用栈解决约瑟夫环问题算法示例
2017/08/27 PHP
php学习笔记之字符串常见操作总结
2019/07/16 PHP
学习YUI.Ext 第四天--对话框Dialog的使用
2007/03/10 Javascript
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
JavaScript与DOM组合动态创建表格实例
2012/12/23 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
BootStrap table表格插件自适应固定表头(超好用)
2016/08/24 Javascript
AngularJS入门示例之Hello World详解
2017/01/04 Javascript
js a标签点击事件
2017/03/30 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
你可能不知道的前端算法之文字避让(inMap)
2018/01/12 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
Python基于dom操作xml数据的方法示例
2018/05/12 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
python 使用shutil复制图片的例子
2019/12/13 Python
TensorFlow实现打印每一层的输出
2020/01/21 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
canvas实现滑动验证的实现示例
2020/08/11 HTML / CSS
挂科检讨书范文
2014/02/20 职场文书
求职面试个人自我评价
2014/02/28 职场文书
婚礼主持词
2014/03/13 职场文书
倡议书格式模板
2014/05/13 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
中班教师个人总结
2015/02/05 职场文书
闪闪的红星观后感
2015/06/08 职场文书
恰同学少年观后感
2015/06/08 职场文书
学校教代会开幕词
2016/03/04 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python
使用python绘制分组对比柱状图
2022/04/21 Python