jQuery中$(this)和JavaScript中this的区别

HWQlet

于 2020-04-26 23:06:58 发布

阅读量263

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/HWQlet/article/details/105779382

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文详细解释了JavaScript中this关键字的含义及用法，通过实例展示了this如何引用当前元素，尤其是在事件处理函数和jQuery中的应用。同时，文章还强调了在异步调用中正确传递this的重要性。

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

JavaScript中的this指的是什么呢？

this指的就是当前标签本身，比如某个按钮的onclick的处理函数中需要识别是哪个按钮触发的，这个时候就需要这样做：

<script>
    function test(wh){
        alert($(wh).attr("id"));
        console.log(wh.id)//JavaScript写法
        console.log($(wh).attr("id"))//jQuery写法
    }
</script>
<html>
    <body>
        <button id="13" onclick="test(this)" name="btn" />
    </body>
</html>

而$(this)就是jQuery中对this的包装，然后$(this)就可以用jQuery对象的方法了

注意：

如果需要将this传进去ajax中，则不能用ajax，而需要将this赋值给一个变量，再将变量在ajax中使用