Forum | Derniers tutoriels de développement web
 

jQuery Exemples


Voulez-vous développer vos compétences de sélection jQuery?

S'il vous plaît essayez notre jQuery Selector Tester


jQuery sélecteurs

$("p").hide()
Démontre jQuery hide() méthode, cacher tous les <p> éléments.

$("#test").hide()
Démontre jQuery hide() méthode, cacher l'élément avec id="test" .

$(".test").hide()
Démontre jQuery hide() méthode, cacher tous les éléments avec class="test" .

$(this).hide()
Démontre jQuery hide() méthode, cacher l'élément HTML en cours.

Desexemples expliqués


jQuery Events

jQuery click()
Démontre le jQuery click() événement.

jQuery dblclick()
Démontre l'jQuery dblclick() événement.

jQuery mouseenter()
Démontre l'jQuery mouseenter() événement.

jQuery mouseleave()
Démontre l'jQuery mouseleave() événement.

jQuery mousedown()
Démontre l'jQuery mousedown() événement.

jQuery mouseup()
Démontre l'jQuery mouseup() événement.

jQuery hover()
Démontre l'jQuery hover() événement.

jQuery focus() et blur()
Démontre jQuery focus() et blur() événements.

Desexemples expliqués


jQuery Hide / Show

jQuery hide()
Démontre jQuery hide() méthode.

jQuery hide() et show()
Démontre jQuery hide() et show() méthodes.

jQuery toggle()
jQuery toggle() permet de basculer entre hide() et show() .

jQuery hide()
Une autre démonstration de peau. Comment cacher des parties de texte.

Desexemples expliqués


jQuery Fade

jQuery fadeIn()
Démontre l'jQuery fadeIn() méthode.

jQuery fadeOut()
Démontre l'jQuery fadeOut() méthode.

jQuery fadeToggle()
Démontre l'jQuery fadeToggle() méthode.

jQuery fadeTo()
Démontre l'jQuery fadeTo() méthode.

Desexemples expliqués


jQuery Glisser

jQuery slideDown()
Démontre l'jQuery slideDown() méthode.

jQuery slideUp()
Démontre l'jQuery slideUp() méthode.

jQuery slideToggle()
Démontre l'jQuery slideToggle() méthode.

Desexemples expliqués


jQuery Animate

jQuery animate()
Démontre une utilisation simple du jQuery animate() méthode.

jQuery animate() - manipuler plusieurs propriétés CSS
Montre que vous pouvez manipuler plusieurs propriétés CSS avec le jQuery animate() méthode.

jQuery animate() - en utilisant des valeurs relatives
Montre que vous pouvez utiliser des valeurs relatives dans le jQuery animate() méthode.

jQuery animate() - en utilisant des valeurs prédéfinies
Montre que vous pouvez utiliser les valeurs prédéfinies "hide", "show", "toggle" dans le jQuery animate() méthode.

jQuery animate()
Démontre plus en utilisant le jQuery animate() méthode (plusieurs animate() appelle une après l'autre).

jQuery animate()
Démontre plus en utilisant le jQuery animate() méthode (plusieurs animate() appelle une après l'autre).

Desexemples expliqués


jQuery Arrêt Animations

jQuery stop() coulissant
Démontre l'jQuery stop() méthode.

jQuery stop() animation (avec les paramètres)
Démontre l'jQuery stop() méthode.

Desexemples expliqués


jQuery HTML Obtenir le contenu et les attributs

jQuery text() et html() - Obtenez le contenu
Obtenez le contenu avec le jQuery text() et html() méthodes.

jQuery val() - Obtenez le contenu
Obtenez la valeur d'un champ de formulaire avec le jQuery val() méthode.

jQuery attr() - Retourne la valeur d'attribut
Obtenez la valeur d'un attribut avec le jQuery attr() méthode.

Desexemples expliqués


jQuery HTML Set Contenu et Attributs

jQuery text() , html() , et val() - contenu Set
Set contenu avec les jQuery text() , html() et val() méthodes.

jQuery text() et html() - Set contenu avec une fonction de rappel
Set contenu + en utilisant une fonction de rappel à l' intérieur du text() et html() .

jQuery attr() - valeur de l' attribut Set
Régler la valeur de l' attribut avec le jQuery attr() méthode.

jQuery attr() - Définir les valeurs d'attributs multiples
Définissez plusieurs valeurs d'attribut avec le jQuery attr() méthode.

jQuery attr() - valeur de l' attribut Set avec une fonction de rappel
Régler la valeur de l' attribut + en utilisant une fonction de rappel à l' intérieur attr() .

Desexemples expliqués


jQuery HTML Ajouter Elements / Contenu

jQuery append()
Insérer un contenu à l'extrémité des éléments de HTML sélectionnées.

jQuery prepend()
Insérer du contenu au début des éléments HTML sélectionnés.

jQuery append() - Insérer plusieurs nouveaux éléments
Créer de nouveaux éléments avec le texte / HTML, jQuery et JavaScript / DOM. ajouter ensuite les nouveaux éléments au texte.

jQuery after() et before()
Insérez le contenu avant et après les éléments HTML sélectionnés.

jQuery after() - Insérer plusieurs nouveaux éléments
Créer de nouveaux éléments avec le texte / HTML, jQuery et JavaScript / DOM. insérer ensuite les nouveaux éléments après que l'élément sélectionné.

Desexemples expliqués


jQuery HTML Supprimer Elements / Contenu

jQuery remove()
Retirez le sélectionné element(s) .

jQuery empty()
Supprimer tous les éléments de l'enfant sélectionné element(s) .

jQuery remove() - avec un paramètre
Filtrer les éléments à retirer

Desexemples expliqués


jQuery Get et Set Classes CSS

jQuery addClass()
Ajouter des attributs de classe à différents éléments.

jQuery addClass() - Plusieurs classes
Spécifiez plusieurs classes dans le addClass() méthode.

jQuery removeClass()
Supprimer un attribut de classe spécifique à partir de différents éléments.

jQuery toggleClass()
Basculer entre l'ajout / suppression des classes à partir des éléments sélectionnés.

Desexemples expliqués


jQuery css() Méthode

jQuery css() - retour propriété CSS
Retourne la valeur d'une propriété CSS spécifiée de l'élément FIRST appariés.

jQuery css() - définir la propriété CSS
Définir une propriété CSS spécifiée pour les éléments ALL appariés.

jQuery css() - définir les propriétés CSS
Définir plusieurs propriétés CSS pour les éléments ALL appariés.

Desexemples expliqués


jQuery Dimensions

jQuery - retour width() et height()
Retourne la largeur et la hauteur d'un élément spécifié.

jQuery - retour innerWidth() et innerHeight()
Retourne la largeur intérieure / hauteur d'un élément spécifié.

jQuery - retour outerWidth() et outerHeight()
Retour de la largeur extérieure / hauteur d'un élément spécifié.

jQuery - retour outerWidth (true) et outerHeight (true)
Retour de la largeur extérieure / hauteur (y compris les marges) d'un élément spécifié.

jQuery - retour width() et height() du document et la fenêtre
Retourne la largeur et la hauteur du document (le document HTML) et la fenêtre (la fenêtre du navigateur).

jQuery - ensemble width() et height()
Définit la largeur et la hauteur d'un élément spécifié.

Desexemples expliqués


jQuery traversions Ancêtres

jQuery parent()
Démontre le jQuery parent() méthode.

jQuery parents()
Démontre jQuery les parents() méthode.

jQuery parentsUntil()
Démontre l'jQuery parentsUntil() méthode.

Desexemples expliqués


Descendants jQuery Traversant

jQuery children()
Démontre jQuery children() méthode.

jQuery find()
Démontre l'jQuery find() méthode.

Desexemples expliqués


jQuery Traversant frères et sœurs

jQuery siblings() et siblings()
Démontre jQuery siblings() et siblings() méthode.

jQuery next()
Démontre le jQuery next() méthode.

jQuery nextAll()
Démontre l'jQuery nextAll() méthode.

jQuery nextUntil()
Démontre l'jQuery nextUntil() méthode.

Desexemples expliqués


jQuery Traversant Filtrage

jQuery first()
Démontre le jQuery first() méthode.

jQuery last()
Démontre l'jQuery last() méthode.

jQuery eq()
Démontre l'jQuery eq() méthode.

jQuery filter()
Démontre le jQuery filter() méthode.

jQuery not()
Démontre l'jQuery not() méthode.

Desexemples expliqués


jQuery AJAX load() Méthode

jQuery load()
Charger le contenu d'un fichier dans un <div> élément.

jQuery load()
Charger le contenu d'un élément spécifique à l' intérieur d' un fichier, dans un <div> élément.

jQuery load() - avec rappel
Utilisez du jQuery load() méthode avec une fonction de rappel.

Desexemples expliqués


jQuery AJAX get() et post() Méthodes

jQuery get()
Utilisez le $.get() méthode pour récupérer des données à partir d' un fichier sur le serveur.

jQuery post()
Utilisez le $.post() méthode pour envoyer des données avec la demande.

Desexemples expliqués