js~this的陷阱

在JS中,当前对象一般用this表示,在jquery中,当前的对象是用$(this)表示,这些都是最基础的知识,没什么可说的,但我要说的是,当this出现在某个深度时,它的含义你自己要清楚,它是指离当前元素最近的那个当前对象,而不是其它对象.

this举例

例如,在一个function表示的类中,它内部可能有自己的方法,而在方法里的this就表示当前方法对象,而不是function级别的类对象,代码如下

var Cart=function(){
var self=this;//这个是当前function对象
self.Add=function(){
var insertObj=this;//这个是当前Add方法对象
}
}

$(this)举例

对于Jquery也是一个的,如在一个click事件中,还有$.post方法,这时,$.post方法里的$(this)与方法外的$(this)就是两个含义的,所以,如果希望在$.post方法里使用click对象的this,一般需要在$.post方法外去先声明,代码如下

复制代码
     //删除
        $(".deleteBtn").click(function () {
            var self = $(this);//当前click事件源对象
            $.post("/course/DelCourse?id=" + $(this).attr("value"), function (data) {
                if (data.code == 1) {
                    self.closest("div.titDefault").remove();
                }
            });
        });
复制代码

 

posted @   张占岭  阅读(1681)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
历史上的今天:
2013-09-18 陷阱~SQL全表扫描与聚集索引扫描
2013-09-18 EF架构~对AutoMapper实体映射的扩展
2012-09-18 基础才是重中之重~你是否真正在用MVC路由功能
2012-09-18 将不确定变为确定~从DBML文件中是否可以快速定位到指定类?
点击右上角即可分享
微信分享提示