码迷,mamicode.com
首页 > Web开发 > 详细

js~this的陷阱

时间:2014-09-18 16:24:04      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   os   使用   ar   strong   div   

在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();
                }
            });
        });

 

js~this的陷阱

标签:style   blog   color   io   os   使用   ar   strong   div   

原文地址:http://www.cnblogs.com/lori/p/3979356.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!