Le meilleur didacticiel Exemples jQuery en 2024, dans ce didacticiel, vous pouvez apprendre jQuery sélecteur,jQuery événement,jQuery Hide / Show,jQuery Fade,jQuery slide,animation jQuery,Arrêtez animations jQuery,jQuery HTML Get et la propriété,jQuery HTML contenu et la définition des propriétés,jQuery HTML pour ajouter des éléments / contenu,éléments HTML jQuery sont supprimés / contenu,jQuery Get et Set classes CSS,méthode jQuery css (),jQuery Dimensions,jQuery traversal - ancêtre,jQuery traversal - progéniture,jQuery traversal - (frères et sœurs des compatriotes),Méthode de charge jQuery AJAX (),jQuery AJAX get () et post () méthode,

Exemples jQuery

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


jQuery sélecteur

$ (This) .hide ()

Démontre la fonction jQuery hide (), cacher l'élément HTML en cours.

$ ( "P"). Hide ()

Démontre la fonction jQuery hide (), cachant toutes les éléments <p>.

$ ( ". Test"). Cacher ()

Démontre la fonction jQuery hide (), cachant toute classe element = "test".

$ ( "# Test"). Cacher ()

Démontre la fonction jQuery hide (), cacher id = élément "test".


jQuery événement

jQuery click ()
Demo jQuery jQuery click () événement.

jQuery dblclick ()
Demo dblclick jQuery () événement.

jQuery mouseenter ()
Demo mouseenter jQuery () événement.

jQuery mouseleave ()
Demo mouseleave jQuery () événement.

jQuery mousedown ()
Demo mousedown jQuery () événement.

jQuery mouseup ()
Demo jQuery mouseup () événement.

jQuery hover ()
Demo hover jQuery () événement.

accent jQuery () et blur ()
Demo jQuery focus () et blur () événement.

Desexemples d'analyses


jQuery Hide / Show

jQuery hide ()
méthode Demo hide jQuery ().

jQuery hide () et show ()
Demo jQuery hide () et méthode show ().

jQuery toggle ()
jQuery toggle () pour commuter hide () et la méthode show ().

jQuery hide ()
D'autres exemples d'un texte caché.

Desexemples d'analyses


jQuery Fade

jQuery fadeIn ()
méthode Demo jQuery fadeIn ().

jQuery fadeOut ()
méthode Demo jQuery fadeOut ().

jQuery fadeToggle ()
méthode Demo jQuery fadeToggle ().

jQuery fadeTo ()
méthode Demo jQuery fadeTo ().

Desexemples d'analyses


jQuery slide

jQuery slideDown ()
méthode Demo jQuery slideDown ().

jQuery slideUp ()
méthode Demo jQuery slideUp ().

jQuery slideToggle ()
méthode Demo jQuery slideToggle ().

Desexemples d'analyses


animation jQuery

jQuery animate ()
méthode simple démo animé de jQuery ().

jQuery animate () - mis en propriété css multiples
méthode Demo () pour modifier le style par jQuery animé.

jQuery animate () - l'utilisation de la valeur de corrélation
Démontre comment utiliser les valeurs dans la méthode jQuery animate ().

jQuery animate () - en utilisant une valeur prédéfinie
Démonstration de prédéfini "cacher", "show", "bascule" valeurs animent ().

jQuery animate ()
Demo Plus jQuery animate () instance de méthode

jQuery animate ()
Demo Plus jQuery animate () instance de méthode (animation multiple () callback).

Desexemples d'analyses


Arrêtez animations jQuery

arrêt jQuery () slide
méthode Demo arrêt jQuery ().

arrêt jQuery () Anime (paramètres)
méthode Demo arrêt jQuery ().

Desexemples d'analyses


jQuery HTML Get et la propriété

texte jQuery () et html () - obtenir le texte et le contenu
Utilisez le texte jQuery () et la méthode html () pour obtenir le contenu.

jQuery val () - Obtient la valeur
Utiliser la méthode jQuery val () pour obtenir les valeurs de champ de formulaire.

jQuery attr () - Obtient la valeur de la propriété
Utiliser la méthode jQuery attr () pour obtenir la valeur de la propriété.

Desexemples d'analyses


jQuery HTML contenu et la définition des propriétés

texte jQuery (), html () , et val () - définir le contenu
Utilisez le texte jQuery (), html () et la méthode val () pour définir le contenu.

texte jQuery () et html () - définir le contenu et utiliser une fonction de rappel
Utilisation de texte () et html () définir le contenu et utiliser une fonction de rappel

jQuery attr () - pour définir les valeurs de propriété
Utiliser la méthode jQuery attr () pour définir la valeur des propriétés.

jQuery attr () - définir des valeurs de propriété multiples
Utiliser la méthode jQuery attr () pour définir la valeur des propriétés multiples.

jQuery attr () - pour définir les valeurs de propriété en utilisant une fonction de rappel
+ Et définir des valeurs de propriété en utilisant une attr fonction de rappel d'appel ().

Desexemples d'analyses


jQuery HTML pour ajouter des éléments / contenu

jQuery append ()
A la fin des éléments sélectionnés ajouter le contenu

jQuery prepend ()
Au début des éléments sélectionnés ajouter du contenu

jQuery append () - insérer plusieurs éléments
de nouveaux éléments text / HTML innovants, jQuery et JavaScript / DOM. Ajout d'un nouvel élément dans le texte.

jQuery après () et avant ()
Avant et après l'élément sélectionné pour ajouter des éléments HTML.

jQuery après () - insérer plusieurs éléments
de nouveaux éléments text / HTML innovants, jQuery et JavaScript / DOM. A la fin de l'élément sélectionné pour insérer de nouveaux éléments.

Desexemples d'analyses


éléments HTML jQuery sont supprimés / contenu

jQuery remove ()
Supprimer élément sélectionné

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

jQuery supprimer () - paramètres
Et retirer l'élément filtrant

Desexemples d'analyses


jQuery Get et Set classes CSS

jQuery addClass ()
Ajouter un attribut de classe d'éléments différents

jQuery addClass () - plus d'une classe
Utiliser la méthode addClass () pour ajouter plusieurs classes

jQuery removeClass ()
Supprime l'élément spécifié de la classe

jQuery toggleClass ()
Dans les éléments de commutation sélectionnés (ajouter / supprimer) classe

Desexemples d'analyses


méthode jQuery css ()

jQuery css () - Retourne la propriété CSS
Renvoie les valeurs de propriété élément css premier correspondant

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

jQuery css () - Définir les propriétés CSS
Une pluralité d'éléments correspondant à des propriétés CSS

Desexemples d'analyses


jQuery Dimensions

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

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

jQuery - retourne outerWidth () et outerHeight ()
Renvoie la largeur extérieure / hauteur de l'élément spécifié

jQuery - retourne outerWidth (true) et outerHeight (true)
Renvoie la largeur extérieure / hauteur de l'élément spécifié (y compris le cadre extérieur)

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

jQuery - largeur de réglage () et la hauteur ()
Réglage de l'élément de la largeur et la hauteur spécifiées

Desexemples d'analyses


jQuery traversal - ancêtre

jQuery parent ()
méthode Demo parent jQuery ().

les parents jQuery ()
méthode des parents jQuery Demo ().

jQuery parentsUntil ()
méthode Demo jQuery parentsUntil ().

Desexemples d'analyses


jQuery traversal - progéniture

enfants jQuery ()
méthode enfants jQuery Demo ().

jQuery find ()
méthode Demo jQuery find ().

Desexemples d'analyses


jQuery traversal - (frères et sœurs des compatriotes)

frères et sœurs jQuery ()
méthode siblings jQuery Demo ().

jQuery next ()
méthode Demo jQuery next ().

jQuery nextAll ()
méthode Demo jQuery nextAll ().

jQuery nextUntil ()
méthode Demo jQuery nextUntil ().

Desexemples d'analyses


Méthode de charge jQuery AJAX ()

charge jQuery ()
chargement asynchrone Le contenu de fichiers et inséré dans l'élément <div>.

charge jQuery ()
le contenu du fichier de chargement asynchrone spécifié contenu de l'élément et insérés dans l'élément <div>.

charge jQuery () - utiliser une fonction de rappel (callback)
Utilisez la charge jQuery () méthode de la fonction de rappel.

Desexemples d'analyses


jQuery AJAX get () et post () méthode

jQuery get ()
Utilisation $ .get () pour récupérer des données à partir du serveur de manière asynchrone

après jQuery ()
En utilisant le $ .post () pour récupérer des données à partir du serveur de manière asynchrone

Desexemples d'analyses

Exemples jQuery
10/30