Médiaforma

jQuery – Bref résumé des sélecteurs et méthodes jQuery

Print Friendly

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...
 
Comments

No comments yet.

Leave a Reply