Médiaforma

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

Print Friendly, PDF & Email

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.