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

search |

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

jQuery cours tutorial

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

Sélectionner 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

Trafic Booster
hebergement web

SCREEBER - Logiciel de copywriting

SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


HTML5, CSS3, JavaScript pour débutants Tome 1
HTML5, CSS3, JavaScript
pour débutants Tome 1

Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

Regarder aussi nos cours :

fonction strtr, strtr

Remplace des caractères dans une chaîne

Balise canvas

Permet de dessiner des graphiques, à la volée, par l'intermédiaire de scripts (habituellement JavaScript)

fonction html_entity_decode

Convertit toutes les entités HTML en caractères normaux



Rentabilisez efficacement votre site

Votre soutien nous aide à faire fonctionner le site
Cette page vous a été utile? Partagez la pour nous encourager à continuer. Merci