首页 > Web开发 > 详细

jQuery里$(this)和this的区别在哪?

时间:2015-05-29 17:48:46      阅读:330      评论:0      收藏:0      [点我收藏+]
下面两段代码在jQuery的官网见到的,何时用$(this),又何时用this呢?

$(document).ready(function() {
   $("#orderedlist li:last").hover(function() {
     $(this).addClass("green");
   },function(){
     $(this).removeClass("green"); # $(this)
   });
 });
$(document).ready(function() {
   // use this to reset several forms at once
   $("#reset").click(function() {
     $("form").each(function() {
       this.reset(); # this
     });
   });
 });

详细的回答1:

如果你要使用html元素本身的属性或方法就需要使用this,如果你要使用jQuery包装后的方法或属性就要$(this),一般则有如下的关系.

$(this)[0] == this;
上文的代码是要使用this的地方是要调用表单form的有reset方法,而这一方法jQuery没有包装支持,所以才有this.reset(),也可以使用$(this)[0].reset();

关于什么时候使用二者?可以看如下例子:

<a href="http://segmentfault.com/q/1010000000125418" target="_blank" data-id="1010000000125418">jQuery</a>
$(‘a‘).click(function(){
        this.innerHTM==$(this).html()==‘jQuery‘;//三者是一样的.
        this.getAttribute(‘href‘)==this.href==$(this).attr(‘href‘)//三者是一样的;
        this.getAttribute(‘target‘)==this.target==$(this).attr(‘target‘)//三者是一样的;
        this.getAttribute(‘data-id‘)==$(this).attr(‘data-id‘)//二者是一样的;
    });
从以上代码可以看出二者的差异.

回答2:

this是html元素对象
$(this)成为jQuery对象

回答3:

$(this)是jquery对象,能调用jquery的方法,例如click(), keyup()。
而this,则是html元素对象,能调用元素属性,例如this.id,this.value。
例如假设已经使得this和$(this)都指向了input对象了,若要获得input的值,可以this.value,但$(this)就得$(this).val()。

 

jQuery里$(this)和this的区别在哪?

原文:http://www.cnblogs.com/blogofwyl/p/4538838.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!