jQuery .hover（）和.click（）不起作用

Question

我试图添加一个简单的悬停并单击功能到我的页面的一部分，它不工作。我已经完成了这百次但没有问题，但这次是不同的，我找不到原因？

HTML：

<div class="description"> 
    <div id="wrapper"> 
     <p>bla bla bla</p> 
     <div class="linkDesc"> 
      <a href="#">bla bla bla</a> 
     </div> 
     <div class="plusSign">&nbsp;</div> 
    </div> 
</div> 

的jQuery：

jQuery(document).ready(function() { 

    $('#wrapper').hover(function() { 
     $('this').addClass('hover'); 
    }, function() { 
     $('this').removeClass('hover'); 
    }); 
    $('#wrapper').click(function(e) { 
     e.preventDefault(); 
     var urlLocation = $('this').find('.linkDesc').children('a').attr('href'); 
     window.location = urlLocation; 
    }); 
}); 

Answer 1

$('this') // You have enclosed it as as a string 
      // It will try to look for tagName called this 

应该

$(this) // Removing the Quotes should work 

唯一合法TagNames , classNames , psuedo Selectors and Id's都应该被封闭在行情 ..

Check Fiddle

Answer 2

更换$('this')与$(this)

Answer 3

，如果你只需要添加/删除类，那么你可以用CSS设置悬停：

#wrapper:hover { 
    background: red; 
}