Copié et traduit à partir de →W3school
élément = objet DOM (balise avec contenu)
Selecteur Exemple Sélectionne
* $("*") tous les éléments
#id $("#chien") l'élément avec l'id=chien
.class $(".intro") tous les éléments de classe="intro"
element $("p") Tous les éléments <p>
.class.class $(".intro.demo") tous les éléments de classe =intro et de classe=demo
:first $("p:first") le premier élément <p>
:last $("p:last") le dernier élément <p>
:even $("tr:even") tous les éléments <tr> pairs
:odd $("tr:odd") tous les éléments <tr> impairs
:eq(index) $("ul li:eq(3)") le troisième élément dans une liste
:gt(no) $("ul li:gt(3)") les éléments d'une liste avec un indice > 3
:lt(no) $("ul li:lt(3)") tous les éléments d'une liste avec un indice< 3
:not(selector) $("input:not(:empty)") tous les éléments input non vides
:header $(":header") tous les éléments header <h1><h2>...
:animated   tous les éléments animés
:contains(text) $(":contains('W3Schools')") tous les éléments renfermant du texte
:empty $(":empty") tous les éléments sans enfants (child nodes)
:hidden $("p:hidden") tous les éléments <p> cachés
:visible $("table:visible") toutes les tables visibles
s1,s2,s3 $("th,td,.intro") tous les éléments avec les sélecteurs indiqués
[attribute] $("[href]") tous les éléments avec un attribut href
[attribute=value] $("[href='#']") tous les éléments dont l'attribut href attribut possède la valeur = "#"
[attribute!=value] $("[href!='#']") tous les éléments dont l'attribut href attribut ne possède pas la valeur = "#"
[attribute$=value] $("[href$='.jpg']") tous les éléments dont la valeur de l'attribut href renferme ",jpg"
:input $(":input") tous les éléments <input>
:text $(":text") tous les éléments <input> avec type="text"
:password $(":password") tous les éléments <input> avec type="password"
:radio $(":radio") tous les éléments <input> avec type="radio"
:checkbox $(":checkbox") tous les éléments <input> avec type="checkbox"
:submit $(":submit") tous les éléments <input> avec type="submit"
:reset $(":reset") tous les éléments <input> avec type="reset"
:button $(":button") tous les éléments <input> avec type="button"
:image $(":img" tous les éléments <input> avec type="img"
:file $(":file") tous les éléments <input> avec type="file"
:enabled $(":enabled") tous les éléments <input> opérationnels
:disabled $(":disabled") tous les éléments <input> non opérationnels
:selected $(":selected") tous les éléments <input> sélectionnés
:checked $(":checked") tous les éléments <input> cochés

(selector): →Sélecteur.
(content): Contenu entre balises.
(text): Texte seul, les balises sont enlevées.
(element): Objet DOM (balise avec contenu)
Manipulation Description
(selector).html(content) Détermine le contenu (inner HTML) des éléments sélectionnés
(selector).text(text) Comme as html(), mais les balises sont rendues inopérantes
   
Récupération du contenu  
(selector).html() Récupère le contenu (inner HTML) du premier élément sélectionné
(selector).text() Récupère le texte combiné de tous éles éléments sélectionnés
   
Addition d'un code HTML  
(selector).after(content) Additionne un code HTML derrière les éléments sélectionnés
(selector).before(content) Additionne un code HTML devant les éléments sélectionnés
(selector).insertAfter(selector) Additionne des éléments sélectionnés derrière les éléments sélectionnés
(selector).insertBefore(selector) Additionne des éléments sélectionnés devant les éléments sélectionnés
   
Addition d'un contenu interne  
(selector).append(content) Additionne un contenu derrière le contenu des éléments sélectionnés
(selector).prepend(content) Additionne un contenu devant le contenu des éléments sélectionnés
(selector).appendTo(selector) Additionne des éléments sélectionnés devant le contenu des éléments sélectionnés
(selector).prependTo(selector) Additionne des éléments sélectionnés derrière le contenu des éléments sélectionnés
   
Enveloppement (Wrapping)  
(selector).wrap(element) Enveloppe les éléments sélectionnés chacun séparément dans un objet DOM (entre balises)
(selector).wrapAll(element) Enveloppe tous les éléments sélectionnés chacun séparément dans seul un objet DOM (entre balises)
(selector).wrapInner(element) Enveloppe les contenus de tous les éléments sélectionnés dans seul un objet DOM (entre balises)
   
Copie, Replacement, Élimination  
(selector).replaceAll(selector) Remplace les éléments sélectionnés par les élements sélectionnés
(selector).replaceWidth(content) Remplace les éléments sélectionnés par un nouveau contenu
(selector).empty() Enlève le contenu des éléments sélectionnés
(selector).remove() Enlève les éléments sélectionnés
(selector).clone() Clone les éléments sélectionnés

Événement - fonction Attache la fonction function( ){........} à
(document).ready(function( ){........})  l'événement ready (prêt) du document
(quand un document HTML document est prêt à l'emploi)
(selector).blur(function( ){........}) l'événement blur (être rendu flou) des éléments sélectionnés
(selector).change(function( ){........}) l'événement change (être changé) des éléments sélectionnés
(selector).click(function( ){........}) l'événement click (être cliqué) des éléments sélectionnés
(selector).dblclick(function( ){........}) l'événement dblclick (être doublement cliqué) des éléments sélectionnés
(selector).error(function( ){........}) l'événement error (ayant fait apparaître une erreur) des éléments sélectionnés
(selector).focus(function( ){........}) l'événement focus (être en point de mire) des éléments sélectionnés
(selector).keydown(function( ){........}) l'événement keydown (touche abaissée) des éléments sélectionnés
(selector).keypress(function( ){........}) l'événement keydown (touche pressée) des éléments sélectionnés
(selector).keyup(function( ){........}) l'événement keydown (touche levée) des éléments sélectionnés
(selector).load(function( ){........}) l'événement load (être chargé) des éléments sélectionnés
(selector).mousedown(function( ){........}) l'événement mousedown (touche de la souris abaissée) des éléments sélectionnés
(selector).mouseenter(function( ){........}) l'événement mouseenter (curseur entrant de la souris) des éléments sélectionnés
(selector).mouseleave(function( ){........}) l'événement mouseenter (curseur sortant de la souris) des éléments sélectionnés
(selector).mousemove(function( ){........}) l'événement mousemove (curseur bougeant de la souris) des éléments sélectionnés
(selector).mouseout(function( ){........}) l'événement mouseout (curseur entrant de la souris) vers un élément-fils des éléments sélectionnés
(selector).mouseover(function( ){........}) l'événement mouseout (curseur sortant de la souris) à partir d'un élément-fils des éléments sélectionnés
(selector).mouseup(function( ){........}) l'événement mouseup (touche de la souris relevée) des éléments sélectionnés
(selector).resize(function( ){........}) l'événement resize (être redimensionné) des éléments sélectionnés
(selector).scroll(function( ){........}) l'événement scroll (être fait défiler) des éléments sélectionnés
(selector).select(function( ){........}) l'événement select (être sélectionné) des éléments sélectionnés
(selector).submit(function( ){........}) l'événement submit (être soumis) des éléments sélectionnés
(selector).unload(function( ){........}) l'événement unload (être quitté) des éléments sélectionnés

(selector): →Sélecteur.
(speed): Paramètre optionnel. Prend les valeurs "slow", "normal", "fast" ou millisecondes..
(opacity): Paramètre d'opacité. Prend les valeurs de 0 à 1 (comme par exemple 0.33).
(callback): Fonction callback optionnelle appelée après complétion de l'effet.
Hide / Show Description
(selector).show(speed,callback) Montrer les éléments sélectionnés
(selector).hide(speed,callback) Cacher les éléments sélectionnés
(selector).toggle(speed,callback) Interrupteur pour les éléments sélectionnés
   
Slide  
(selector).slideDown(speed,callback) Montrer en glissant les éléments sélectionnés par ajustement de la hauteur
(selector).slideUp(speed,callback) Cacher en glissant les éléments sélectionnés par ajustement de la hauteur
(selector).slideToggle(speed,callback) Interrupteur cacher-montrer les éléments sélectionnés par ajustement de la hauteur
   
Fade in / out  
(selector).fadeIn(speed,callback) Éteindre les éléments sélectionnés en les augmentant l'opacité
(selector).fadeOut(speed,callback) Faire apparaître les éléments sélectionnés en diminuant l'opacité
(selector).fadeTo(speed,opacity,callback) Porter les éléments sélectionnés à une opacité donnée
   
Animation  
(selector).animate(params,duration,effect,callback) Applique une animation "définie" aux éléments sélectionnés
(selector).stop() Arrête les animations des éléments sélectionnés

(selector): →Sélecteur.
Propriétés CSS Description
(selector).css(name,value) Pose la valeur d'une propriété de l'attribut <style> de tous les éléments sélectionnés.
(selector).css({properties}) Pose les valeurs de plusieurs propriétés de l'attribut <style> de tous les éléments sélectionnés.
(selector).css(name) Récupère la valeur d'une propriété de l'attribut <style> du premier élément sélectionné.
   
Taille  
(selector).height() Récupère la hauteur (en pixels) du premier élément sélectionné
(selector).height(value) Pose la hauteur de tous les éléments sélectionnés
(selector).width() Récupère la largeur (en pixels) du premier élément sélectionné
(selector).width(value) Détermine la largeur de tous les éléments sélectionnés
   
Position  
(selector).offset().left Récupère le décalage gauche(en pixels) du premier élément sélectionné par rapport au bord du document
(selector).offset().top Récupère le décalage plafond(en pixels) du premier élément sélectionné par rapport au plafond du document
(selector).position().left Récupère la position (en pixels) par rapport au bord de l'élément parent
(selector).position().top Récupère la position (en pixels) par rapport au plafond de l'élément parent