oujood.com

jQuery : sélecteur premier élément (first)

Le sélecteur :first sélectionne le premier élément HTML dans une page web ou dans un groupe d’éléments

chercher |

Définition et Usage sélecteur (:first)

Le  sélecteur : first sélectionne le premier élément HTML dans une page web ou dans un groupe d’éléments.

Pour sélectionner le premier élément dans un groupe il doit être  utilisé avec un autre sélecteur (comme dans l'exemple ci-dessous). Si on ne l’utilise pas avec un autre sélecteur, le premier élément trouvé dans le document sera le body et donc toute la page sera sélectionnée.

Syntaxe

$(":first")

Exemple : Sélectionner le premier élément de p

Exemple :       Copier le code

  <!DOCTYPE html>
   <html>
   <head>
     <title>jQuery selecteur first </title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("p:first").css("background-color","#fffd00");
  });
  </script>
  </head>
   
  <body>
  <h1>Ceci est un titre qui est dans un élément
  h</h1><br />
  <p class="intro">Ceci est le premier paragrphe qui est dans
  un élément p avec la classe "intro"</p><br />
  <p>Ceci est le second paragrphe qui est dans un élément p
  sans classe</p><br />
  <p class="demo">Ceci est le troisième  paragrphe qui est
  dans un élément p  avec la classe "demo"</p><br />
  </body>
  </html>
Par gerywa 25 juillet 2014

Voir aussi nos tutoriel :

Balise code

Définit un morceau de code informatique

Balise bdo

Remplace le texte actuel direction

Convertir un texte JSON à un objet JavaScript

JSON comment convertir un texte JSON à un objet JavaScript