表格列mouse经过时高亮显示

前几天Insus.NET有练习《表格行mouse经过时高亮显示》http://www.cnblogs.com/insus/p/3715733.html ，今天有奇想，是否可以实现mouse经过表的列时，整列高亮呢？

Insus.NET就在前一示例中，修心jQuery来练习。 修改.mouseover和.mouseout的事件代码：

 $('tbody td').mouseover(function () {            
            $('td:nth-child(' + ($(this).index() + 1) + ')').addClass('overStyle');            
        }).mouseout(function () {            
            $('td:nth-child(' + ($(this).index() + 1) + ')').removeClass('overStyle');
        })

 

看看演示：