ipi-jquery/exemples/selecteurs-basiques/contenu.html

<h5>Sélection par id</h5>
<button id="ex1-button1">Ajouter/enlever "red"</button>

<h5>Sélection par classe</h5>
<button class="ex1-buttons">Gris</button>
<button class="ex1-buttons">Gris</button>
<button class="ex1-buttons">Gris</button>

<h5>Sélection par tag</h5>
<p>Cliquer sur un de ces liens lui ajoutera la classe "active" et l'enlèvera aux autres</p>
<a href="#">Lien 1</a> |
<a href="#">Lien 2</a> |
<a href="#">Lien 3</a>

<h5>"Envelopper" un élément DOM</h5>
<p>Même chose que le 1er bouton, sauf pour la manière de récupérer l'élément</p>
<button id="ex1-button2">Ajouter/enlever "red"</button>