jQuery中的悬停方法配合css中的悬停选择器 实现高亮选中元素的方法

今天我帮一个学姐做网页的时候就遇到了这样的要求：

如果鼠标没有移动到表格中，表格的透明度不会改变。

当鼠标移动到表格中时，悬停的单元格的透明度不会改变，但未悬停的单元格的透明度会改变。

先把我取得的成绩贴出来。起初，表单的透明度保持不变。

当我的鼠标移动到第二行的第三个单元格时，其他单元格的透明度会降低。

解决办法

一开始我用的是CSS实现方法，但这是下面这个

# table td { opacity:0.5} # table TD : hover { opa city 33601；}但是表的透明度一开始是0.5，看起来很糟糕。

后来我用的是jQuery的悬停方法，但是它总是选中里面所有的单元格，过程非常曲折，我就不一一介绍了，先说说我是怎么实现的。

$('#content td ')。悬停(function(){ $('#content td '))。css('不透明度'，' 0.5 ')；$('#content td:hover ')。css('不透明度'，' 1 ')；}，function(){ $('#content td ')。css('不透明度'，' 1 ')；});Content是我的表的id名称，我们可以看到我们已经向单元格悬停方法添加了两个函数

当第一个乐趣转移到桌子上时，酋长

$('#content td ')。css('不透明度'，' 1 ')；

这意味着当鼠标移入时，所有单元格的透明度为0.5，然后

$('#content td:hover ')。css('不透明度'，' 1 ')；

这里，css的悬停选择器表示选中了一个单元格。

第二个乐趣表示当鼠标离开桌子时，

上面jQuery中的悬停方法与css的悬停选择器相匹配，高亮选中元素的方法就是边肖与大家分享的所有内容。希望能给大家一个参考，多支持我们。