Tutoriel jQuery

jQuery Hello World Example
Un exemple simple de jQuery hello world pour montrer comment télécharger et inclure la bibliothèque jQuery dans une page HTML.

Call function in JavaScript and jQuery
Démontrez la manière différente d'appeler une fonction en JavaScript et jQuery pour créer du contenu dynamique après le chargement de la page.

Load jQuery from Google code
Exemple pour montrer comment charger la bibliothèque jQuery de Google et pourquoi vous devriez le faire.

Table Zebra Stripes effect with jQuery
Créez un effet de zébrures de table avec jQuery (juste une ligne).

Page loading effects with jQuery
Créez un effet de fondu dans le chargement de page avec jQuery.

Page refresh with jQuery
Actualise une page avec jQuery location.reload ();

Stop a page from exit or unload with jQuery
Arrête la sortie ou le déchargement d'une page avec l'événement jQuery «beforeunload».

Check if an image is loaded with jQuery
Combinez l'utilisation des événements jQuery «load ()» et «error ()» pour vérifier si une image est chargée ou non.

Check if an element is exists with jQuery
Exemple pour montrer comment vérifier si un élément existe avec jQuery.

Add / remove CSS class dynamically
Exemple pour montrer comment ajouter / supprimer dynamiquement une classe CSS avec jQuery.

Check if an element has a certain CSS class
Exemple pour montrer comment vérifier si un élément a une certaine classe CSS avec jQuery.

Load JavaScript library at runtime with jQuery
Exemple pour afficher le chargement de la bibliothèque JavsScript supplémentaire avec jQuery.

Tooltips example with jQuery
Exemple pour montrer comment créer un effet d'info-bulles avec jQuery.

Check if jQuery library is loaded
Comment vérifier si la bibliothèque jQuery est chargée.

Get Delicious bookmark count with jQuery Ajax function
Comment obtenir le nombre de signets Delicious avec l'appel à distance jQuery Ajax.

Highlight table row record on hover
Comment mettre en évidence un enregistrement de ligne de table en survol avec jQuery.

Select CSS class name and id with jQuery
Sélectionnez le nom et l'ID de la classe CSS avec jQuery, $ (. classname) et $ (# id).

Universal * selector
Sélectionnez tous les éléments, tout.

Select mutiple elements
Sélectionnez les multiples éléments avec jQuery.

Get tag name with jQuery
Obtenez le nom de la balise avec jQuery tagName.

Get tag value with jQuery
Obtenez la valeur de la balise avec jQuery .html ().

Not selector
sélectionne tous les éléments qui ne correspondent pas au sélecteur.

Empty selector
sélectionne tous les éléments qui n'ont pas d'enfants ou de texte à l'intérieur.

Contains selector
Sélectionnez tous les éléments contenant le texte spécifié.

Attribute selectors [ ]
8 exemples de sélecteurs d'attributs pour montrer l'utilisation des sélecteurs d'attributs avec jQuery.

Child and Sibling Selectors
Compréhension des quatre types de sélecteurs enfants et frères jQuery: Sélecteur descendant (AB), Sélecteur enfant (A> B), Sélecteur frère adjacent (A + B) et Sélecteur frère général (A ~ B).

nth-child selector
Sélectionnez tous les éléments qui sont ntg-enfants de leur parent.

First child & Last child selectors
Sélectionnez le premier enfant ou le dernier élément enfant avec jQuery, raccourci pour ntg-child.

Only child selector
Sélectionnez tous les éléments qui sont le seul enfant de leur parent.

Child selector (X > Y)
sélectionne tous les éléments correspondant à «Y» qui sont les enfants d'un élément «X».

Descendant selector (X Y)
Sélectionnez tous les éléments mis en correspondance par «Y» qui sont les enfants, petits-enfants, arrière-petits-enfants, arrière-arrière-petits-enfants .. (tous niveaux de profondeur) d'un élément «X».

General sibling selector (X ~ Y)
Sélectionnez tous les éléments correspondant à «Y» qui est un frère d'un élément «X».

Adjacent sibling selector (X + Y)
Sélectionnez les éléments immédiatement suivants ou suivants correspondant à «Y» qui est un frère d'un élément «X».

find() selector
Sélectionnez certains éléments dans un ensemble d'éléments correspondants (descendants uniquement).

filter() selector
Sélectionnez certains éléments dans un ensemble d'éléments correspondants (tous les niveaux).

Different between filter() and find()
Exemple pour montrer la différence entre filter () et find () dans jQuery.

next() selector
Sélectionnez l'élément frère immédiatement suivant dans l'ensemble des éléments correspondants

prev() selector
Sélectionnez l'élément frère immédiatement précédent dans l'ensemble des éléments correspondants

children() selector
Sélectionnez l’enfant des éléments correspondants, il ne parcourt qu’un seul niveau vers le bas.

Difference between find() and children()
Exemple pour montrer la différence entre find () et children () dans jQuery.

before() and insertBefore() example
Ajoutez un contenu texte ou html avant les éléments correspondants avec jQuery.

after() and insertAfter() example
Ajoutez un contenu texte ou html après les éléments correspondants avec jQuery.

prepend() and prependTo() example
Ajoutez un contenu texte ou html avant le contenu des éléments correspondants avec jQuery.

append() and appendTo() example
Ajoutez un contenu texte ou html après le contenu des éléments correspondants avec jQuery.

clone() example
Créer une copie des éléments correspondants avec jQuery

empty() and remove() example
Supprimez les éléments correspondants avec jQuery.

html() example
Obtenez ou définissez le contenu html des éléments correspondants avec jQuery.

text() example
Récupère ou définit le texte des éléments correspondants avec jQuery.

toggleClass example
Exemple pour montrer comment utiliser le toggleClass de jQuery - si les éléments correspondants n'ont pas le nom de classe, ajoutez-le; si les éléments correspondants ont déjà le nom de la classe, supprimez-le.

wrap() example
Enveloppez l'élément HTML autour de chacun des éléments correspondants.

Form selectors examples
sélecteurs jQuery pour les éléments de formulaire: zone de texte, mot de passe, zone de texte, boutons radio, case à cocher, télécharger un fichier, valeur masquée, sélection (liste déroulante), bouton Soumettre et bouton Réinitialiser.

Form events examples
Événements de formulaire jQuery: focus (), flou (), change (), select () et submit ().

Get textbox value
utilise val () pour obtenir la valeur de la zone de texte avec jQuery.

Add / remove textbox
Ajouter ou supprimer une zone de texte avec jQuery.

Select a radio button
Sélectionnez un bouton radio avec jQuery.

Set a dropdown box value
Définissez une valeur de liste déroulante dans jQuery.

Disable submit button after clicked
Désactiver le bouton d'envoi après avoir cliqué avec jQuery.

fadeIn(), fadeOut() and fadeTo() example
Démonstration des effets jQuery fadeIn (), fadeOut () et fadeTo ().

slideUp(), slideDown() and slideToggle() example
Démonstration des effets jQuery slideUp (), slideDown () et slideToggle ().

show() and hide() example
Démonstration des effets jQuery show () et hide ().

bind() and unbind() example
Comment attacher ou détacher un gestionnaire d'événements pour les éléments correspondants.

Trigger other elements event handler
Comment déclencher le gestionnaire d'événements d'autres éléments avec jQuery.

Mashable floating effect example with jQuery
Exemple pour montrer comment utiliser l'événement scroll () du navigateur pour implémenter le formidable effet de défilement de Mashable.

resize() example
Détecte que la taille du navigateur est modifiée.

click() and dblclick() example
Détectez le simple clic de souris et les doubles clics avec jQuery.

mousemove() example
Détecter le mouvement de la souris avec jQuery.

Different between mouseover() and mouseenter()
Exemple pour montrer la différence entre mouseover () et mouseenter () dans jQuery.

Different between mouseout() and mouseleave()
Exemple pour montrer la différence entre mouseout () et mouseleave () dans jQuery.

Different between mouseup() and mousedown()
Exemple pour montrer la différence entre mouseup () et mousedown () dans jQuery.

Keyboard events example
Evénements clavier - exemple keyup (), keydown () et keypress ().

Check if an enter key is pressed
Exemple pour montrer comment vérifier si une «touche entrée» est enfoncée avec l'événement de clavier jQuery.

Detect copy, paste and cut behavior
Comment détecter le comportement de copier, coller et couper avec jQuery.

jQuery $() function is not working?
Montre comment éviter le problème de conflit jQuery avec jQuery.noConflict () ou jQuery ().

Access to restricted URI denied
Solution pour résoudre l'erreur «Accès à l'URI restreint refusé».

Documentation de l'API jQuery