Selecting the first column of each row in a table jQuery

Changing the color of the first column of each row in a table with jQuery

<html>
  <head></head>
  <body>
    <table>
      <tr>
        <td>Column 1 File 1</td>
        <td>Column 2 File 1</td>
        <td>Column 3 File 1</td>
      </tr>
      <tr>
        <td>Column 1 File 2</td>
        <td>Column 2 File 2</td>
        <td>Column 3 File 2</td>
      </tr>
      <tr>
        <td>Column 1 File 3</td>
        <td>Column 2 File 3</td>
        <td>Column 3 File 3</td>
      </tr>
    </table>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         $('table tr td:first-child').css('background-color', 'red');
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>  
  </body>
</html>