Ceci est un tutoriel de jQuery pour débutants, il fournit une connaissance approfondie de la technologie jQuery. ce didacticiel de jQuery vous aidera à apprendre les bases de jQuery, des exemples, des sélecteurs, des événements, des effets, les CSS et les attributs.
Plan de cours
- Démarrer avec jQuery
- Espace de noms jQuery (« jQuery » et « $ »)
- Explication du code
- Inclure une balise de script dans la tête de la page HTML
- Éviter les collisions d’espaces de noms
- Chargement de jQuery via la console sur une page qui ne l’a pas
- Gestion des codes de réponse HTTP avec $ .ajax ()
- Utiliser Ajax pour soumettre un formulaire
- Envoi de données JSON
- Tous dans un exemple
- Ajax Annuler un appel ou une demande
- Ajax File Uploads
- Ajout d’un élément à un conteneur
- Utilisation efficace consécutive de .append ()
- Utilisation des méthodes modernes de tableau. *
- Utiliser des chaînes de HTML
- Créer manuellement des éléments, ajouter au fragment de document
- Utilisation de base
- jQuery chaque fonction
- Asynchrone
- Différence entre $ (document) .ready () et $ (window) .load ()
- Joindre des événements et manipuler le DOM à l’intérieur prêt ()
- Manipulation CSS
- Obtenir la propriété CSS
- Créer des éléments DOM
- Manipulation des classes d’éléments
- Ajouter un gestionnaire de clic pour $
- Tous ensemble maintenant
- Tri à plusieurs niveaux
- Obtenir et régler la largeur et la hauteur d’un élément
- Sélecteurs
- Sélectionnez les enfants de l’élément
- Itération sur la liste des éléments jQuery
- Méthode la plus proche ()
- Visibilité de l’élément
Profitez de ce manuel de formation en PDF pour comprendre mieux le JQuery et enrichir votre connaissance.
Commencez à télécharger ce cours adapté pour vous et à apprendre JQuery.
Version Remarques Date de sortie2.2 2016-01-083.0 Des accélérations massives pour certains sélecteurs personnalisés jQuery 2016-06-093.1 Plus d’erreurs silencieuses 2016-07-07ExamplesEspace de noms jQuery (« jQuery » et « $ »)jQuery est le point de départ pour écrire un code jQuery. Il peut être utilisé comme une fonction jQuer) ou une variable jQuerIRo .$ est un alias pour jQuery et les deux peuvent généralement être interchangés (sauf si jQuerQR&RQIOLFW; a été utilisé – voir Eviter les collisions entre espaces de noms ).En supposant que nous avons cet extrait de HTML –
Nous pourrions vouloir utiliser jQuery pour ajouter du contenu textuel à cette div. Pour ce faire, nous pourrions utiliser la fonction text() jQuery. Cela pourrait être écrit en utilisant soit jQuery ou $ . c’est à dire -jQuerGHPRBGLYWH[W’HPR7H[W;Ou -$("#demo_div").text("Demo Text!");Les deux résulteront dans le même HTML final –
Comme $ est plus concis que jQuery c’est généralement la méthode préférée pour écrire du code jQuery.jQuery utilise des sélecteurs CSS et dans l’exemple ci-dessus, un sélecteur d’ID a été utilisé. Pour plus d’informations sur les sélecteurs dans jQuery, voir les types de sélecteurs .CommencerCréez un fichier hello.html avec le contenu suivant:https://riptutorial.com/fr/home 3