exemple jQuery

Exemples jQuery

Voulez-vous améliorer vos compétences jQuery ?

sélecteur jQuery

$(this).hide()

Démontrez la fonction hide() de jQuery pour masquer l'élément HTML actuel.

$("p").hide()

Démontre la fonction hide() de jQuery pour masquer tous les éléments <p>

$(".test").hide()

Démontre la fonction hide() de jQuery pour masquer tous les éléments avec class="test".

$("#test").hide()

Démontre la fonction hide() de jQuery pour masquer des éléments avec id="test".

événement jQuery

clic jQuery()
Démontre l'événement jQuery jQuery click().

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

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

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

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

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

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

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

Exemple d'analyse

Masquer/Afficher jQuery

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

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

jQuery toggle()
jQuery toggle() est utilisé pour changer les méthodes hide() et show().

jQuery hide()
Un autre exemple de masquage de texte.

Exemple d'analyse

Fondu entrant et sortant de jQuery

jQuery fadeIn()
Démontre la méthode jQuery fadeIn().

jQuery fadeOut()
Démontre la méthode jQuery fadeOut().

jQuery fadeToggle()
Démontre la méthode jQuery fadeToggle().

jQuery fadeTo()
Démontre la méthode jQuery fadeTo().

Exemple d'analyse

glissade jQuery

jQuery slideDown()
Démontre la méthode jQuery slideDown().

jQuery slideUp()
Démontre la méthode jQuery slideUp().

jQuery slideToggle()
Démontre la méthode jQuery slideToggle().

Exemple d'analyse

animation jQuery

jQuery animate()
Démontre la méthode simple jQuery animate().

jQuery animate() - Définir plusieurs propriétés CSS
Démontre la modification des styles via la méthode jQuery animate().

jQuery animate() - Utilisation des valeurs de corrélation
Montre comment utiliser les valeurs de corrélation dans la méthode jQuery animate().

jQuery animate() - Utilisation de valeurs prédéfinies
Démontre les valeurs prédéfinies "masquer", "afficher", "basculer" via la méthode animate().

jQuery animate()
Montre plus d'instances de méthode jQuery animate()

jQuery animate()
Montre plus d'instances de méthode jQuery animate() (plusieurs rappels animate()).

Analyse d'instance

animation d'arrêt jQuery

diapositive jQuery stop()
méthode de démonstration jQuery stop( ).

Animation jQuery stop() (avec paramètres)
Démontre la méthode jQuery stop().

Exemple d'analyse

Acquisition et attributs HTML jQuery

jQuery text() et html() - Obtenez du texte et du contenu
Utilisez les méthodes jQuery text() et html() pour obtenir du contenu.

jQuery val() - Obtenez la valeur
Utilisez la méthode jQuery val() pour obtenir la valeur du champ du formulaire.

jQuery attr() - Obtenir la valeur de l'attribut
Utilisez la méthode jQuery attr() pour obtenir la valeur de l'attribut.

Exemple d'analyse

JQuery HTML définissant le contenu et les attributs

jQuery text(), html() et val() - Définir le contenu
Utilisez les méthodes jQuery text(), html() et val() pour définir le contenu.

jQuery text() et html() - Définissez le contenu et utilisez la fonction de rappel
Utilisez text() et html() pour définir le contenu et utilisez la fonction de rappel

jQuery attr() - Définir la valeur de l'attribut
Utilisez la méthode jQuery attr() pour définir la valeur de l'attribut.

jQuery attr() - Définir plusieurs valeurs d'attribut
Utilisez la méthode jQuery attr() pour définir plusieurs valeurs d'attribut.

jQuery attr() - Définissez la valeur de l'attribut et utilisez la fonction de rappel
Définissez la valeur de l'attribut + et utilisez la fonction de rappel pour appeler attr().

Analyse d'instance

jQuery HTML ajouter un élément/contenu

jQuery append()
sur l'élément sélectionné Ajouter du contenu à la fin de l'élément sélectionné

jQuery prepend()
Ajouter du contenu au début de l'élément sélectionné

jQuery append() - Insérer plusieurs éléments
Innover avec de nouveaux éléments texte/HTML, jQuery et JavaScript/DOM. Ajouté après le texte du nouvel élément.

jQuery after() et before()
Ajoute des éléments HTML avant et après l'élément sélectionné.

jQuery after() - Insérez plusieurs éléments
Innovez avec de nouveaux éléments texte/HTML, jQuery et JavaScript/DOM. Insère un nouvel élément à la fin des éléments sélectionnés.

Exemple d'analyse

jQuery HTML supprimer un élément/contenu

jQuery Remove()
Supprimer l'élément sélectionné

jQuery empty()
Supprimer tous les éléments enfants de l'élément sélectionné

jQuery Remove() - Filtre éléments utilisant des paramètres
et supprimez

analyse d'instance

jQuery Obtenir et définir des classes CSS

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

jQuery addClass() - plusieurs classes
Utilisez la méthode addClass() pour ajouter plusieurs classes

jQuery removeClass()
Supprimer les éléments spécifiés Classe

jQuery toggleClass()
Basculer (ajouter/supprimer) une classe dans l'élément sélectionné

Analyse d'instance

Méthode jQuery css()

jQuery css() - Renvoie la propriété CSS
Renvoie le CSS du premier élément correspondant Propriété value

jQuery css() - Définir la propriété CSS
Définir la propriété CSS spécifiée par tous les éléments de configuration

jQuery css() - Définir la propriété CSS
Définir la valeur de plusieurs correspondances Propriété CSS des éléments

Analyse d'instance

Taille jQuery

jQuery - Renvoie width() et height()
Renvoie la largeur et la hauteur de l'élément spécifié

jQuery - Renvoie innerWidth() et innerHeight()
Renvoie l'intérieur- largeur de l'élément spécifié /hauteur

jQuery - Renvoie externalWidth() et externalHeight()
Renvoie la largeur extérieure de l'élément/hauteur spécifié

jQuery - Renvoie externalWidth(true) et externalHeight(true)
Renvoie la largeur/hauteur extérieure de l'élément spécifié (y compris la bordure extérieure)

jQuery - renvoie la largeur() et la hauteur() du document et de la fenêtre
Renvoie le largeur et hauteur du document HTML et de la fenêtre

jQuery - Définir la largeur() et la hauteur()
Définir la largeur et la hauteur de l'élément spécifié

Analyse d'instance

jQuery Traversal - Ancêtres

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

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

jQuery parentsUntil()
Démontre la méthode jQuery parentsUntil().

Exemple d'analyse

jQuery Traversal - Descendants

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

jQuery find()
Démontre la méthode jQuery find().

Exemple d'analyse

jQuery Traversal - Frères et sœurs

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

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

jQuery nextAll()
Démontre la méthode jQuery nextAll().

jQuery nextUntil()
Démontre la méthode jQuery nextUntil().

Exemple d'analyse

Méthode jQuery AJAX load()

jQuery load()
Charge de manière asynchrone le contenu du fichier et l'insère dans l'élément <div>

jQuery load()
Charge de manière asynchrone le contenu de l'élément spécifié dans le contenu du fichier et l'insère dans l'élément <div>

jQuery load() - Utilisez la fonction de rappel (callback)
Utilisez la fonction de rappel de la méthode jQuery load().

Exemple d'analyse

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

jQuery get()
Utilisez la méthode $.get() pour obtenir des données de manière asynchrone du serveur

jQuery post()
Utilisez $.post() méthode Obtenir de manière asynchrone les données du serveur

Analyse d'instance