Jquery 选择一个特定的子项i'；我在徘徊

我试图选择在表中悬停的元素，以更改其属性。我尝试使用children方法，如下所示：

<table class="tablemain" position="absolute">
<tr height="100%">
<td class="about"></td>
<td class="project"></td>        
<td class="blog"></td>
<td class="contact"></td>
</tr>
</table>

有几个问题

• 悬停

  需要两个实用功能。一个在进入时调用，一个在离开元素时调用。一个函数只在输入时被调用
• 表的子项是

  thead

  和

  tbody

  ，即使不是在原始HTML中。当浏览器完成DOM时，会添加一些。我以为你想把TDs作为目标？新选择器选择

  class=“tablemain”

  元素下的任何

  TD

  s
• 我让它在您退出项目时删除所选的

  类

  （如果您不想删除第二个函数）
• 您将代码包装在一个从未调用过的匿名函数中。我用一个快捷的DOM就绪处理程序（

  $（function（）{YOUR code}）；

  是

  $（document.ready（function（）{YOUR code}）；

  的缩写）

JSFiddle：

为什么不干脆

$（'.tablemain td'）

？

function() {
$('.tablemain').children(this).hover(function(){
$(this).addClass('selected');
});
};

$(function () {
    $('.tablemain td').hover(function () {
        $(this).addClass('selected');
    }, function () {
        $(this).removeClass('selected');
    });
});