js 中的 this、that
js 中的 this、that
this指向该事件绑定对象
that可作为全局变量用于调用指对的对象
var that;
class tab{
constructor(id){
that = this;
this.main = document.querySelector(id);
this.lis= this.main.querySelectorAll(‘li’);
this.sections=this.main.querySelectorAll(‘section’);
this.init();
}
init(){
for( var i= 0 ;i<this.lis.length;i++){
this.lis[i].index = i;this.lis[i].onclick = this.toggleTab;}
}toggleTab(){**that.clearClass();**this.className = 'liactive';that.sections[this.index].className='conactive'}
clearClass(){for(var i=0;i<this.lis.length;i++){this.lis[i].className = '';this.sections[i].className = '';}
}
}
js 中的 this、that相关推荐
- 在js中使用HashMap数据结构,在js中使用K,V数据结构
首先是定义一个HashMap方法,做基类(复制在js中即可,然后引用) //简单的哈希表,begin function HashMap() {/** Map 大小 * */var size = 0;/ ...
- [JavaScript] 探索JS中的函数秘密
函数长啥样? 把一些要重复使用的内容封装到函数内. function foo(title) {console.log(title) } foo('title') foo('dust') foo('he ...
- 在node.js中,使用基于ORM架构的Sequelize,操作mysql数据库之增删改查
Sequelize是一个基于promise的关系型数据库ORM框架,这个库完全采用JavaScript开发并且能够用在Node.JS环境中,易于使用,支持多SQL方言(dialect),.它当前支持M ...
- 在JS中最常看到切最容易迷惑的语法(转)
发现一篇JS中比较容易迷惑的语法的解释,挺有用的,转载下,与大家分享: js中大括号有四种语义作用 语义1,组织复合语句,这是最常见的 Js代码 if( condition ) { //... }e ...
- js去el的map_转:el表达式获取map对象的内容 js中使用el表达式 js 中使用jstl 实现 session.removeattribute...
原文链接: 总结: el表达式获取map对象的内容 后端: HashMap map1 = new HashMap(); map1.put("key1","lzsb&quo ...
- js中substr,substring,indexOf,lastIndexOf的用法
js中substr,substring,indexOf,lastIndexOf等的用法 1.substr substr(start,length)表示从start位置开始,截取length长度的字符串 ...
- js中的各种宽高以及位置总结
在javascript中操作dom节点让其运动的时候,常常会涉及到各种宽高以及位置坐标等概念,如果不能很好地理解这些属性所代表的意义,就不能理解js的运动原理,同时,由于这些属性概念较多,加上浏览器之 ...
- WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...
- 彻底理解js中this
相关博文:http://blog.csdn.net/libin_1/article/details/49996815 彻底理解js中this的指向,不必硬背. 首先必须要说的是,this的指向在函数定 ...
- 彻底理解js中this的指向
首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然 ...
最新文章
- Category中实现了原始类实例变量的get方法导致的警告
- POJ-1273(最大流-Augment Path,EK,BFS)
- JCIFS实现单点登录
- Design Pattern - Adapter Pattern
- ICLR 2020 开源论文 | 隐空间的图神经网络:Geom-GCN
- 【数据结构与算法】之深入解析“零钱兑换II”的求解思路与算法示例
- excel怎么把单元格内某个字标红,其他字不变
- Directx11教程(65) 渲染到纹理
- 圆拟合与点云数据球拟合算法
- Python使用matplotlib可视化模拟学生成绩饼图
- LBP原理介绍以及算法实现
- Linux系统下安装ssh服务
- 无人机/FPV穿越机航模的遥控器/接收机等配件厂商
- 计算机上机考试自我检查800字,检讨书自我反省800字考试没考好
- Android Compose——一个简单的Bilibili APP
- Gartner 2018内容与协作平台魔力象限:格局未定 新势力冒头!
- mysql 断电_mysql的断电恢复能力
- 信息怎样开4g移动网络连接服务器,怎么强制手机只连接4G网络?
- PostgreSQL 操作
- 〖产品思维训练白宝书 - 核心竞争力篇⑧〗- 产品经理核心竞争力解读之规划能力