Envoyer à un ami
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 |
Vous avez aimé cet article ? Partagez-le avec vos réseaux...