jquery this和$this的区别

坚毅的小解同志

已于 2023-03-28 19:11:15 修改

阅读量1.2k

点赞数 9

分类专栏： jquery 文章标签： jquery javascript ecmascript

于 2022-05-17 11:40:08 首次发布

本文链接：https://blog.csdn.net/m0_62360527/article/details/124818214

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这篇博客探讨了JavaScript中this关键字与jQuery对象$(this)的区别。this通常指代DOM元素，而$(this)转换为jQuery对象，允许使用jQuery的方法。示例代码展示了在按钮点击事件中，如何利用this获取button的value值并进行DOM操作，同时使用jQuery的text()方法改变按钮内容。

摘要由CSDN通过智能技术生成

this和$this

this指向的是dom对象节点，$(this)指的是jquery对象，根据情况不同进行操作选择，

dom元素操作用this jquery对象操作用$(this)

<script>
        $(function(){
           $('button').click(function(){
               $('select').append("<option value=''>" + this.value +"</option>")
               $(this).text(123)
           })
        })
    </script>
</head>
<body>
    <button value="987"></button>
    <select name="" id="">
        <option value="">123</option>
        <option value="">546</option>
        <option value="">123</option>
        <option value="">123</option>
        <option value="">123</option>
    </select>
</body>

单击button 获取button的value值 dom操作用this

同时使用text（）方法向按钮添加内容，用的jquery方法当然就要用jquery对象$(this).