Tuto Jquery

Cibler id et class en Jquery

Comment cibler les ID et les classes des balises en Jquery? L'id sert à cibler une balise unique dans une page HTML, comme le titre par exemple. Une classe pourra à l'inverse se répéter autant de fois que nécessaire au sein d'une même page HTML.

Cibler un ID en Jquery

<div id="lebouton">Toc toc toc chez le voisin</div>
<div id="levoisin"></div>

<script>
    //Affiche: "Qui est là?" dans la div id="levoisin"
    $( "#lebouton" ).click(function() {
        $( "#levoisin" ).html("Qui est là?");
    });
</script>

Cibler l'élément class en Jquery

<div class="lebouton">Toc toc toc chez tous les voisin</div>
<div class="voisin">Jacques a dit: </div>
<div class="voisin">Dédé a dit: </div>
<div class="voisin">Nabilla a dit: </div>

<script>
    //Ajoute: "Qui est là?" dans chaque div de la classe "voisin"
    $( ".lebouton" ).click(function() {
        $( ".voisin" ).append(" Qui est là?");
    });
</script>