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

相关文章： 网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  网站制作知乎推荐,想做自己的网站用什么工具比较好？  高端云建站费用究竟需要多少预算？  表情包在线制作网站免费,表情包怎么弄？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  网站微信制作软件,如何制作微信链接？  香港服务器部署网站为何提示未备案？  C#如何序列化对象为XML XmlSerializer用法  建站中国必看指南：CMS建站系统+手机网站搭建核心技巧解析  PHP 500报错的快速解决方法  C#怎么使用委托和事件 C# delegate与event编程方法  潍坊网站制作公司有哪些,潍坊哪家招聘网站好？  模具网站制作流程,如何找模具客户？  如何通过FTP空间快速搭建安全高效网站？  学校为何禁止电信移动建设网站？  建站10G流量真的够用吗？如何应对访问高峰？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  魔方云NAT建站如何实现端口转发？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何在建站之星绑定自定义域名？  南平网站制作公司,2025年南平市事业单位报名时间？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  如何用wdcp快速搭建高效网站？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何选择适合PHP云建站的开源框架？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  如何通过虚拟主机快速搭建个人网站？  黑客如何利用漏洞与弱口令入侵网站服务器？  如何快速建站并高效导出源代码？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  如何配置WinSCP新建站点的密钥验证步骤？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  测试制作网站有哪些,测试性取向的权威测试或者网站？  湖州网站制作公司有哪些,浙江中蓝新能源公司官网？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  红河网站制作公司,红河事业单位身份证如何上传？  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  攀枝花网站建设,攀枝花营业执照网上怎么年审？  如何通过二级域名建站提升品牌影响力？  建站之星安装路径如何正确选择及配置？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  如何选择高效响应式自助建站源码系统？  如何在云主机快速搭建网站站点？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  香港网站服务器数量如何影响SEO优化效果？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  小型网站制作HTML,*游戏网站怎么搭建？