Using text and header selectors in jQuery

We have two inputs of type text, and headers of type h1, h2 and h3. With jQuery we select from the input of type text the equivalent to the number 0 and we insert the value 'Your Login'. We also select all the headers and we apply the red color to them.

<html>
  <body>
    <h1>My h1</h1>
      <input type="text" placeholder="Login"><br>
      <input type="text" placeholder="Name">
    <h2>My H2</h2>
    <h3>My H3</h3>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         $(':text').eq(0).val('Your Login');
         $(':header').css('color', 'red');
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
  </body>
</html>