JQuery的$(this)和javascript中的this的区别

Posted 2020-10-22 幻想鄉

var i = {
    name:"a",
    getName:function(){
        //this,就是i对象
        return this.name;
    }
}
imooc.getName(); // a

p.addEventListener(‘click‘,function(){
    //this === p
    //以下两者的修改都是等价的
    this.style.color = "red";
    p.style.color = "red";
},false);

$(‘p‘).click(function(){
    //把p元素转化成jQuery的对象
    var $this= $(this) 
    $this.css(‘color‘,‘red‘)
})

this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。