Sélecteur button
Le sélecteur :button sélectionne les éléments boutons et
tous les éléments avec le type button. Voir
les balises button,
input
avec le type button.
L'équivalent de $(':button') est
$('button'), $("input[type='button']").
Étant donné que :button n'appartient pas aux spécifications CSS,
pour de meilleures performances dans les navigateurs modernes,
il est préférable de d'abord filtrer les éléments en
utilisant un sélecteur CSS pur, puis
d'appliquer .filter(':button').
Syntaxe
Voici comment nous sélectionnons les boutons :
$(':button');
Exemple
Conformément à la théorie ci-dessus,
sélectionnons tous les boutons et donnons-leur un fond vert et
une bordure rouge, en leur ajoutant la classe marked
à l'aide de la méthode
addClass :
<form>
<input type="button" value="button">
<input type="file">
<button>button</button>
<input type="reset">
<input type="radio">
<input type="text">
</form>
.marked {
background-color: green;
border: 2px red solid;
}
$(':button').addClass('marked');
$('form').submit(function(event) {
event.preventDefault(); // empêche l'envoi du formulaire
});
