jquery怎么改变this指向

jquery改变this指向的方法:1、利用赋值【var that=this;】来改变嵌套函数的【this】指向;2、利用es6箭头函数改变this指向,代码为【$(‘div’).on(‘click’, function()】。

jquery怎么改变this指向

本教程操作环境:windows10系统、jquery2.2.4,本文适用于所有品牌的电脑。

jquery改变this指向的方法:

利用赋值var that=this; 来改变嵌套函数的 ‘this’ 指向

利用es6箭头函数 改变this指向

          function show() {       alert(this)      }    //   show() //-> window      //   show.call(document) // ->document  | 原生的方法     $.proxy(show, document)() // ->document  | jQuery方法  

登录后复制

 tips: 对于一个传参的函数如上例中的 show(c1,c2),使用.proxy()也有几个场景,按需求进行传参,如:          

1. .proxy( show, document, c1, c2 ) // –> 加()后,才进行调用

2. .proxy( show, document )( c1, c2 )  //   –> 这就直接调用了

         // 利用赋值 var that = this; 来改变嵌套函数的'this'指向       $('div').on('click', function() {        var that = this        setTimeout(function() {           console.log(that) // -> div       })     })   

登录后复制

         // 利用es6 箭头函数 改变 this指向      $('div').on('click', function() {         setTimeout(() => {         console.log(this) // -> div        })     })    

登录后复制

相关免费学习推荐:JavaScript(视频)

以上就是jquery怎么改变this指向的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2723486.html

(0)
上一篇 2025年3月7日 23:04:48
下一篇 2025年3月2日 11:15:49

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论