首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jquery this和$this的区别

jquery this和$this的区别

作者头像
坚毅的小解同志的前端社区
发布于 2022-11-28 07:36:52
发布于 2022-11-28 07:36:52
69500
代码可运行
举报
文章被收录于专栏:前端领域前端领域
运行总次数:0
代码可运行

this和$this

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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).

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-05-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验