处理html 页面
<body>
<div class="main">
<div class="up">
<div class="black"></div>
</div>
<div class="down"></div>
<div class="disp"></div>
<input type="button" value="点击消失" onclick="abc()"> <div id="test1" class="tt">
<h1>abccccc</h1>
</div>
</div> <script>
function abc() {
let a = $('.tt')[0];
console.log(a);
let b = $("#test1");
console.log(b);
$('.tt').each((index,ele) => {
console.log(ele);
});
$('.main').delegate('#test1','click',() => {
console.log(this);
console.log($(this));
});
$('.main').delegate('#test1','click',function () {
console.log(this);
console.log($(this));
});
}
</script>
在使用jquery 给 class为main 元素的子元素添加点击事件
$('.main').delegate('#test1','click',() => {
console.log(this);
console.log($(this));
});
如果使用匿名箭头函数,this 指向了 window对象
使用正常写法的写法:
this的指向当前元素!
以前学习箭头函数,有讲到this的指向问题,真正的使用起来容易遗忘。
纸上得来终觉浅,绝知此事要躬行.