Exemples jQuery

Améliorez vos compétences en jQuery à travers des exemples !

Exemples de syntaxe jQuery

$("this").hide()
Démonstration de la fonction hide() de jQuery, qui cache l'élément HTML courant.
$("p").hide()
Démonstration de la fonction hide() de jQuery, qui cache tous les éléments <p>.
$(".test").hide()
Démonstration de la fonction hide() de jQuery, qui cache tous les éléments class="test".
$("#test").hide()
Démonstration de la fonction hide() de jQuery, qui cache l'élément id="test".

Explications des exemples

Cachant - Glissant - Estompant

jQuery fadeOut()
Démonstration de la fonction jQuery fadeout() simple.
jQuery hide()
Démonstration de la fonction jQuery hide() simple.
Cacher les explications
Démonstration de la manière de cacher une partie du texte.
Panel glissant
Démonstration de l'effet Slide Panel simple.
jQuery animate()
Démonstration de la fonction jQuery animate() simple.

Explications des exemples

Opérations HTML

Modifier le contenu d'un élément HTML.

Ajouter du contenu à un élément HTML.

Ajouter du contenu après un élément HTML.

Explications des exemples

Opérations CSS

Modifier les attributs CSS d'un élément HTML.

Modifier plusieurs attributs CSS.

Obtenir les attributs CSS d'un élément.

Explications des exemples

AJAX et jQuery

Utilisez $(selector).load(url) pour modifier le contenu HTML.

Utilisez $.ajax(options) pour modifier le contenu HTML.

Explications des exemples