jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例

(编辑：jimmy 日期: 2026/2/26 浏览：3 次 )

本文实例讲述了jQuery实现Table表格隔行变色及高亮显示当前选择行效果。分享给大家供大家参考，具体如下：

最近客户要求高亮选择列表的功能，于是顺便做了个，作为记录。

前台代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>JQuer的鼠标悬浮，鼠标高亮效果</title>
  <style type="text/css">
  #header
  {
    background-color:#00ffff;
    text-align:center;
  }
  .style1
  {
    text-align: right;
  }
  .style2
  {
    text-align: center;
  }
  </style>
  <link href="tables.css" rel="external nofollow" rel="stylesheet" type="text/css" />
  <script src="/UploadFiles/2021-04-02/jquery-1.4.2.min.js">

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表格(table)操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。

上一篇：js实现数组去重方法及效率對比
下一篇：微信小程序小组件基于Canvas实现直播点赞气泡效果