前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery this和$this的区别

jquery this和$this的区别

作者头像
坚毅的小解同志的前端社区
发布2022-11-28 15:36:52
6090
发布2022-11-28 15:36:52
举报
文章被收录于专栏:前端领域

this和$this

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

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

代码语言:javascript
复制
<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 条评论
热度
最新
推荐阅读
目录
  • this和$this
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档