JS this&&that

最新推荐文章于 2024-08-31 14:41:23 发布

docuxu

最新推荐文章于 2024-08-31 14:41:23 发布

阅读量132

点赞数

分类专栏： frontend 文章标签： javascript js jquery

本文链接：https://blog.youkuaiyun.com/docuxu/article/details/111518361

版权

frontend 专栏收录该内容

8 篇文章

订阅专栏

本文探讨了JavaScript中this关键字的行为特点，特别是在DOM元素点击事件及回调函数中的表现。通过实例演示了this如何根据上下文变化而指向不同的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="content">
<ul>
<li class="content">12</li>
<li class="content">34</li>
</ul>
</div>
<script src="jquery-3.3.1.js" ></script>
<script>
$('#content').click(function(){
//this是被点击的#content
var that = this;
$('.content').each(function(){
//this是.content循环中当前的对象
console.log(this);
console.log(that);
//that仍然是刚才被点击的#content
});
});
</script>

输出结果