jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
今天做帮一个师姐做网页遇到一个这样的要求：
鼠标不移动进表格，表格透明度不变。
鼠标移动进表格，hover到的单元格透明度不变，没hover到的单元格透明度改变。
先贴我已经实现好的效果，一开始，表格透明度不变。
当我鼠标移动到第二排第三个单元格，其他单元格降低透明度。
解决方法
一开始，我用的是CSS实现方法,是下面这样
#table td{
opacity:0.5;
}
#table td:hover{
opacity:1;
}
不过这样一开始进去的时候表格透明度就是0.5，看起来很不好。
后来我就用jQuery的hover方法，不过它总是选中了里面的所有单元格，这其中过程很曲折，我就不一一介绍了，我就讲讲我怎么实现的。
$('#content td').hover(
function(){
$('#content td').css('opacity','0.5');
$('#content td:hover').css('opacity','1');
},
function(){
$('#content td').css('opacity','1');
});
content是我table的id名，可以看到我们对单元格hover方法里面加了两个function
第一个funtion移动到表格时，首席
$('#content td').css('opacity','1');
表示鼠标移动进去的时候，所有单元格透明度为0.5，然后
$('#content td:hover').css('opacity','1');
这里的css的hover选择器表示选中单个单元格。
第二个funtion表示鼠标离开表格时
以上这篇jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍jQuery中多个元素的Hover事件解决方案，包括了jQuery中多个元素的Hover事件解决方案的使用技巧和注意事项，需要的朋友参考一下 1.需求简介 jQuery的hover事件只是针对单个HTML元素，例如： 当鼠标进入#login元素时调用fun1函数，离开时则调用fun2函数，这种API已能够满足绝大部分需求。 不过，有些时候我们希望当鼠标进入两个或多个元素时触发fun1
-
本文向大家介绍jQuery中hover方法和toggle方法使用指南，包括了jQuery中hover方法和toggle方法使用指南的使用技巧和注意事项，需要的朋友参考一下 jQuery提供一些方法（如：toggle）将两种事件效果合并到一起，比如：mouseover、mouseout；keyup、keydown等 1、hover函数 hover(over,out)一个模仿悬停事件（鼠标移动
-
问题内容： 如何使用选择器在CSS中选择元素的上述元素 在这里，我想使用class ，以便可以使用CSS选择器获取上述元素。 问题答案： 纯CSS不可能做到这一点…
-
问题内容： jquery / javascript中最快的是什么？ 要么 最好在CSS中使用什么？ 要么 我现在看到我应该更好地解释。 抱歉! 在CSS和JavaScript中，Ofceauce ID都是更快的选择器。但是有时您需要使用类，因为有多个选择器。 比如说我有我很大的html文档。在页面中间，我有： 如果我要定位所有“ myClass”。那么在定位类之前定位ID会更好吗？（这样，我就不必
-
本文向大家介绍jquery中each方法示例和常用选择器，包括了jquery中each方法示例和常用选择器的使用技巧和注意事项，需要的朋友参考一下 常用选择器： 1.类：$(".error"). 2.id：$("#daLong"). 3.标签：$("div"). 4.属性：$("div[name=apple]"). 5.表单：$("input:checked").
-
本文向大家介绍jQuery 选择同时包含两个class的元素的实现方法，包括了jQuery 选择同时包含两个class的元素的实现方法的使用技巧和注意事项，需要的朋友参考一下 jQuery 选择同时包含两个class的元素的实现方法 1. 交集选择： $(".a.b")--选择同时包含a和b的元素。 2. 并集选择：$(".a, .b")--选择包含a或者包含b的元素。 以上这篇jQuery 选