jQuery_esempio

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>Style demo</title>

  <script src="jquery-3.7.1.min.js"></script>
    <style>
  body,td {
    font-size: 10pt;
  }
  table {
    background-color: white;
    border: 1px blue solid;
  }
  tr {
    padding: 2px;
  }
  .diversa {
    background-color: lightblue;
    color: darkblue;
  }
</style>
</head>
<body>
<script type="text/javascript">
  $(document).ready(function(){
    $("#col0").css("width","100px");
    $("table tr:odd").addClass("diversa");
  });

</script>
<table>
  <colgroup>
    <col id="col0">
    <col id="col1">
    <col id="col2">
  </colgroup>
  <tr>
    <th>Data</th>
    <th>Buoni</th>
    <th>Cattivi</th>
  </tr>
  <tr>
    <td>Luned&igrave;</td>
    <td>Giovanni</td>
    <td>Achille</td>
  </tr>
  <tr>
    <td>Mercoled&igrave;</td>
    <td>Marcello</td>
    <td>Antonella</td>
  </tr>
  <tr>
    <td>Gioved&igrave;</td>
    <td>Ulisse</td>
    <td>Elena</td>
  </tr>
</table>
</body>
</html>