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 :

Elément XSLT XSL for each

Elément XSLT XSL for each

fonction quotemeta

Protége les méta caractères

CSS3 La propriété backface-visibility

La propriété backface-visibility définit si l’arrière d’un élément doit être visible ou pas quant elle est face à l'écran.