您的位置:首页 > Web前端 > jquery > 正文

jQuery里$(this)和this的区别有哪些

更多 时间:2013-9-24 类别:Web前端 浏览量:1248

jQuery里$(this)和this的区别有哪些

jQuery里$(this)和this的区别有哪些

先看如下Jquery实例;

 

  • 
    $("#textbox").hover(
             function(){
                  this.title = "Test";
             },
             fucntion() {
                 this.title = "OK”;
             }   
    ); 
    				

     

  • 这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。


    但是如果将this换成$(this)就不是那回事了,就会报脚本错误。

    因为这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。

    JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:

     

  • 
    $("#textbox").hover(
             function() {
                $(this).attr(’title’,‘Test’);
             },
             function() {
                $(this).attr(’title’, ‘OK’);
             }
    ); 
    				

     

  • 结论:


    this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性,方法。


    $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。

     

    标签:jQuery $(this)