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  # css  # hover  # 选中  # JS实现css hover操作的方法示例  # html中CSS:hover选择器改变子元素、同级元素、就近元素的样式  # 单元格  # 鼠标  # 我就  # 给大家  # 的是  # 选择器  # 第一个  # 当我  # 我用  # 希望能  # 第二个  # 可以看到  # 这篇  # 就用  # 第三个  # 解决方法  # 小编  # 很不好  # 大家多多  # 我已经 

相关文章： 如何优化Golang Web性能_Golang HTTP服务器性能提升方法  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  如何在阿里云域名上完成建站全流程？  如何在阿里云虚拟服务器快速搭建网站？  如何在建站主机中优化服务器配置？  建站之星客服服务时间及联系方式如何？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  建站主机如何安装配置？新手必看操作指南  如何在Windows虚拟主机上快速搭建网站？  制作旅游网站html,怎样注册旅游网站？  如何通过云梦建站系统实现SEO快速优化？  如何配置支付宝与微信支付功能？  再谈Python中的字符串与字符编码（推荐）  如何在建站之星绑定自定义域名？  官网网站制作腾讯审核要多久,联想路由器newifi官网  湖北网站制作公司有哪些,湖北清能集团官网？  如何在VPS电脑上快速搭建网站？  如何选择PHP开源工具快速搭建网站？  如何使用Golang table-driven基准测试_多组数据测量函数效率  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  小型网站建站如何选择虚拟主机？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  临沂网站制作企业,临沂第三中学官方网站？  建站之星官网登录失败？如何快速解决？  XML的“混合内容”是什么 怎么用DTD或XSD定义  常州自助建站工具推荐：低成本搭建与模板选择技巧  小建面朝正北，A点实际方位是否存在偏差？  专业商城网站制作公司有哪些,pi商城官网是哪个？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  ,购物网站怎么盈利呢？  已有域名建站全流程解析：网站搭建步骤与建站工具选择  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  网站微信制作软件,如何制作微信链接？  定制建站是什么？如何实现个性化需求？  成都网站制作报价公司,成都工业用气开户费用？  哈尔滨网站建设策划,哈尔滨电工证查询网站？  网站网页制作专业公司,怎样制作自己的网页？  孙琪峥织梦建站教程如何优化数据库安全？  开心动漫网站制作软件下载,十分开心动画为何停播？  如何获取免费开源的自助建站系统源码？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  弹幕视频网站制作教程下载,弹幕视频网站是什么意思？  建站之星如何优化SEO以实现高效排名？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何用已有域名快速搭建网站？