Pour terminer cette formation sur le langage jQuery, voici un bref résumé des sélecteurs et méthodes que vous pourrez utiliser dans ce langage :
Expression | Effet |
$(‘#id’) | Sélection de l’élément d’identifiant id |
$(‘img’) | Sélection des éléments img |
$(‘c’) | Sélection des éléments de classe c |
$(‘div ul’) | Sélection des éléments ul enfants d’un élément div |
$(‘textarea’,input[type=”text”]’) | Sélection des éléments textarea et des éléments input dont l’attribut type vaut text |
$(‘a’).length | Nombre de liens de la page |
$(‘ul.bleu’).length | Nombre d’éléments ul de classe bleu |
$(‘a’)[0] | Premier lien de la page |
$(‘li:last’) | Dernier li |
$(‘li:odd’) | Eléments li impairs |
$(‘li:eq(3)’) | Quatrième élément li |
$(‘:not(h1)’) | Tout sauf les éléments h1 |
$(‘td:gt(0):lt(5)’) | Tous les éléments td d’index compris entre 1 et 6 |
$(‘tr:not(tr:last)’) | Tous les éléments tr sauf le dernier |
$(‘:radio’) | Sélectionne les boutons radio |
.text() | Texte contenu dans un élément p |
.val() | Obtient le contenu d’un textarea ou d’un input type=”text” |
.val(‘valeur’) | Modifie le contenu d’un textarea, d’un input type=”text”, d’un select, d’un bouton radio, etc. |
.prop(‘checked’,’false’) | Initialise l’attribut checked à false |
.html(‘texte’) | Modifie le contenu d’un élément span |
.append(‘texte’) | Ajoute du texte à la fin de la sélection |
.attr(‘src’,’logo.gif’) | Affecte la valeur logo.gif à l’attribut src |
.attr({src:’logo.gif’,alt:’le logo’}); | Affecte la valeur logo.gif à l’attribut src et la valeur le logo à l’attribut alt |
.css(‘background’,’red’) | Affecte la couleur rouge à l’arrière-plan |
.css(‘opacity’,’0.5′) | Affecte l’opacité 0,5 à la sélection |
$(‘sélecteur’).each(function(){ … }); | Parcourt les éléments sélectionnés |
var couleur = $(‘sélecteur’).css(‘color’); | Enregistre dans la variable couleur la couleur de l’élément sélectionné |
$(‘sélecteur’).on(‘événement’,function(){ //traitement}); | Met en place un gestionnaire d’événements |
$(‘sélecteur’).off(‘événement’,function(){ //traitement}); | Supprime un gestionnaire d’événements |