Visible, hidden and eq selectors in jQuery

We will use the visible, hidden and eq selectors in three possible cases in this example:

We select all visible images and set them to a width of 200 by expanding their original width of 100.
We select all the hidden images and we show them, that is to say, the first and the last image hidden by css.
We select all the visible images and filter image 3 starting from zero and hide it.

Each jquery rule below overwrites the previous one.

<html>
  <body>
    <table>
      <tr>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100" style="display:none;"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
      </tr>
      <tr>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100"></td>
        <td><img src="https://www.lookkle.com/blog/static/images/website-speed-test.JPG" width="100" heigth="100" style="display:none;"></td>
      </tr>
    </table>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         $('img:visible').css('width', '200px');
         $("img:hidden").show();
         $('img:visible').eq(3).hide();
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>