Ce livre sur jQuery s'adresse à des experts ou des candidats experts dans la création de sites Web. La connaissance, sinon la maîtrise du JavaScript, des feuilles de style CSS, du DOM et de l'AJAX sont des prérequis indispensables à la compréhension et à la mise en pratique de cet ouvrage.

Dans ce livre, les auteurs ont privilégié une approche structurée et progressive. Chaque thème de jQuery est illustré par un exemple avant de passer à une mise en pratique sur des applications plus pointues. 

Cette nouvelle édition du livre coïncide avec une évolution majeure du framework jQuery. La version jQuery 3.1 se caractérise par une taille réduite de l'API afin d'en accélérer le chargement ; des méthodes disparaissent et des fonctions sont modifiées et optimisées. Les lecteurs qui désirent s'initier à jQuery partiront ainsi avec une librairie retravaillée dont les principes resteront d'actualité de nombreuses années. Pour les développeurs qui utilisent une version plus ancienne de jQuery et qui souhaitent migrer vers cette nouvelle version, les auteurs attirent leur attention tout au long du livre sur les pièges qu'ils pourraient rencontrer lors de cette migration.

Après une présentation du framework, un chapitre est consacré aux sélecteurs, qui non seulement illustrent la diversité de jQuery pour atteindre aisément n'importe quel élément de la page mais qui sont aussi un concept essentiel dans l'apprentissage de jQuery. Dans les chapitres suivants le lecteur découvre les éléments d'interactivité apportés par jQuery ; d'abord par la manipulation des attributs (ajout, modification ou suppression à la volée) puis par l'application aux feuilles de style CSS. Suivent les événements classiques du JavaScript mais surtout ceux apportés par jQuery. Après la présentation des effets visuels aussi nombreux qu'originaux, l'étude du DOM et de l'AJAX revisités par jQuery est longuement détaillée. Le chapitre final passe en revue quelques-uns des nombreux plug-ins développés par la communauté jQuery qui permettent d'apporter, en quelques lignes de code, des effets pour le moins spectaculaires.

Sa lecture terminée, le lecteur sera à même de développer des applications web plus interactives, plus riches et plus innovantes, le tout avec une facilité d'écriture du JavaScript insoupçonnée.

Des éléments complémentaires sont disponibles en téléchargement sur le site www.editions-eni.fr.


Les chapitres du livre :
Avant-propos – Démarrer avec jQuery – Les sélecteurs en jQuery – Manipuler les attributs et les propriétés – Manipuler les feuilles de style CSS – Les événements – Les effets – Traverser le DOM – Manipuler le DOM – Filtrer le DOM – AJAX vu par jQuery – Quelques méthodes utilitaires – Les formulaires – Les plug-ins jQuery

Téléchargements

• Des fichiers complémentaires (1,77 Mo)

Démarrer avec jQuery

1. 1. Le retour du JavaScript
2. 2. Présentation de jQuery
3. 3. Les points forts de jQuery
4. 4. Les différentes versions de jQuery
5. 5. Mise en place de jQuery
6. 6. Initier un script jQuery
7. 7. Une première application jQuery
8. 8. La documentation relative à jQuery
9. 9. Outils de développement et de débogage

Les sélecteurs en jQuery

1. 1. Introduction
2. 2. Les sélecteurs de base
   1. 2.1 Sélection par l'identifiant
   2. 2.2 Sélection par le nom de l’élément
   3. 2.3 Sélection par la classe
3. 3. Les sélecteurs hiérarchiques
   1. 3.1 Sélection des descendants
   2. 3.2 Sélection des enfants
   3. 3.3 Sélection des frères suivants
   4. 3.4 Sélection de l'élément suivant
4. 4. Les filtres jQuery de base
   1. 4.1 Le premier élément
   2. 4.2 Le dernier élément
   3. 4.3 Les éléments pairs
   4. 4.4 Les éléments impairs
   5. 4.5 Un élément déterminé
   6. 4.6 Les éléments suivants
   7. 4.7 Les éléments précédents
   8. 4.8 Les balises de titre
   9. 4.9 Exclusion d'un élément
   10. 4.10 Les éléments selon le type
5. 5. Les filtres enfants
   1. 5.1 Le premier enfant
   2. 5.2 Le dernier enfant
   3. 5.3 Le énième enfant
   4. 5.4 Les enfants pairs et impairs
   5. 5.5 Les enfants uniques
6. 6. Les filtres de contenu
   1. 6.1 Un texte donné
   2. 6.2 Un contenu vide
   3. 6.3 La qualité de parent
   4. 6.4 Un sélecteur déterminé
7. 7. Les filtres de visibilité
   1. 7.1 Élément visible
   2. 7.2 Élément caché
8. 8. Les filtres d'attribut
   1. 8.1 L'attribut
   2. 8.2 L'attribut avec une certaine valeur
   3. 8.3 L'attribut qui n'a pas une certaine valeur
   4. 8.4 L'attribut dont la valeur commence par
   5. 8.5 L'attribut dont la valeur finit par
   6. 8.6 L'attribut dont la valeur contient
   7. 8.7 Les filtres multiples d'attribut
9. 9. Les sélecteurs et filtres de formulaires
10. 10. Les sélecteurs et les caractères spéciaux

Manipuler les attributs et les propriétés

1. 1. Introduction
2. 2. Ajouter ou supprimer une classe CSS
3. 3. Vérifier la présence d'une classe CSS
4. 4. Basculer entre deux classes CSS
5. 5. Connaître la valeur d'un attribut HTML
6. 6. Ajouter un attribut HTML et sa valeur
7. 7. Ajouter plusieurs attributs HTML et leurs valeurs
8. 8. Supprimer un attribut HTML
9. 9. Connaître la valeur de l'attribut value
10. 10. Modifier la valeur de l'attribut value
11. 11. Connaître la propriété d'un élément HTML
12. 12. Modifier la propriété d'un élément HTML
13. 13. Supprimer la propriété d'un élément HTML

Manipuler les feuilles de style CSS

1. 1. Introduction
2. 2. Accéder à une propriété de style
3. 3. Modifier les propriétés de style
4. 4. Attribuer des propriétés de style
5. 5. Le dimensionnement
6. 6. Le positionnement
7. 7. Applications
   1. 7.1 Redimensionner la taille des caractères
   2. 7.2 Zoom sur image avec une légende
   3. 7.3 Une infobulle avec jQuery

Les événements

1. 1. Introduction
2. 2. Les gestionnaires d'événements
   1. 2.1 Au clic de la souris
   2. 2.2 Au double clic
   3. 2.3 Le focus
   4. 2.4 La perte du focus
   5. 2.5 La barre de défilement
   6. 2.6 Le bouton de la souris
   7. 2.7 Le déplacement du curseur
   8. 2.8 L'entrée et la sortie du curseur
   9. 2.9 Soumettre une requête
   10. 2.10 Les autres événements
3. 3. Méthodes ou gestionnaires d'événements avancés
   1. 3.1 Lier un événement à un objet (on)
   2. 3.2 Lier un événement à un objet (bind)
   3. 3.3 Déléguer un événement
   4. 3.4 Exécuter une fonction une seule fois
   5. 3.5 Déclencher un événement particulier
   6. 3.6 Au survol de la souris
4. 4. Applications
   1. 4.1 Un menu décalé
   2. 4.2 Zoom sur vignette

Les effets

1. 1. Introduction
2. 2. Afficher et cacher
   1. 2.1 Afficher et cacher du texte
   2. 2.2 Dérouler des listes imbriquées
3. 3. Glisser verticalement
   1. 3.1 Faire glisser une division
   2. 3.2 Un menu déroulant vertical
4. 4. Réaliser un effet de fondu
   1. 4.1 Une apparition et disparition progressive
   2. 4.2 Jouer sur l'opacité
5. 5. Basculer d'un effet à l'autre
   1. 5.1 Illustration du basculement
   2. 5.2 Un menu accordéon
6. 6. Différer un effet
7. 7. Créer une animation
   1. 7.1 Une animation sur une division
   2. 7.2 Une animation évoluée
   3. 7.3 Un effet original au survol de la souris

Traverser le DOM

1. 1. Introduction
2. 2. Trouver les enfants
3. 3. Trouver les parents directs
4. 4. Trouver tous les parents
5. 5. Trouver les parents jusqu'à
6. 6. Trouver les frères
7. 7. Trouver le frère précédent
8. 8. Trouver les frères précédents
9. 9. Trouver les frères précédents jusqu'à
10. 10. Trouver le frère suivant
11. 11. Trouver les frères suivants
12. 12. Trouver les frères suivants jusqu'à
13. 13. Trouver le contenu
14. 14. Trouver certains parents
15. 15. Trouver certains descendants
16. 16. Ajouter des éléments à la sélection
17. 17. Une loupe pour agrandir les vignettes

Manipuler le DOM

1. 1. Introduction
2. 2. Modifier le contenu
3. 3. Insérer à l’intérieur
   1. 3.1 Première méthode
   2. 3.2 Seconde méthode
4. 4. Insérer à l’extérieur
5. 5. Entourer un élément
6. 6. Remplacer un élément
7. 7. Enlever un élément
   1. 7.1 Supprimer un élément
   2. 7.2 Vider un élément
8. 8. Copier un élément
9. 9. Quelques applications
   1. 9.1 Ajouter un pied de page et des liens de retour
   2. 9.2 Ajouter et enlever des éléments d'une liste
   3. 9.3 Ajouter une icône aux liens externes

Filtrer le DOM

1. 1. Introduction
2. 2. Le filtrage des éléments du DOM
   1. 2.1 Par une expression
   2. 2.2 Par une fonction
3. 3. Trouver un élément déterminé
4. 4. Trouver une séquence d'éléments
5. 5. Trouver un élément selon un critère
6. 6. Réduire au premier élément
7. 7. Réduire au dernier élément
8. 8. Réduire à un élément déterminé
9. 9. Supprimer un élément
10. 10. Former un tableau (Array) d'éléments
11. 11. Applications
    1. 11.1 Filtrer une liste
    2. 11.2 Filtrer une liste selon deux critères
    3. 11.3 Une navigation par onglets

AJAX vu par jQuery

1. 1. Introduction
2. 2. Les requêtes AJAX raccourcies
   1. 2.1 Charger un fichier
   2. 2.2 Ne charger qu'en cas de modification
   3. 2.3 Charger selon la méthode GET ou POST
   4. 2.4 Charger un script
3. 3. La requête AJAX complète
4. 4. Définir une requête par défaut
5. 5. Les événements associés à la requête
   1. 5.1 ajaxSend()
   2. 5.2 ajaxStart()
   3. 5.3 ajaxStop()
   4. 5.4 ajaxSuccess()
   5. 5.5 ajaxComplete()
   6. 5.6 ajaxError()
6. 6. Les fonctions différées
7. 7. Sérialiser les données
8. 8. Applications
   1. 8.1 Une icône de chargement
   2. 8.2 Un lexique en AJAX

Quelques méthodes utilitaires

1. 1. Introduction
2. 2. Éviter les conflits
3. 3. Itérations en jQuery
4. 4. Stocker et reprendre des données
5. 5. Retrouver un élément du DOM
6. 6. Rechercher un élément donné
7. 7. Connaître le nombre d'éléments
8. 8. Convertir en Array les éléments trouvés

Les formulaires

1. 1. Introduction
2. 2. Les sélecteurs de formulaires
3. 3. Les filtres de sélection
   1. 3.1 Les éléments cochés
   2. 3.2 Les éléments sélectionnés
4. 4. Applications
   1. 4.1 Sélectionner toutes les cases à cocher
   2. 4.2 Confirmer une commande
   3. 4.3 Un formulaire d'inscription original

Les plug-ins jQuery

1. 1. Introduction
2. 2. Concevoir un plug-in jQuery
   1. 2.1 Aspects théoriques
   2. 2.2 Une application pratique
3. 3. Utiliser un plug-in jQuery
4. 4. Quelques plug-ins
   1. 4.1 jQuery UI
      1. 4.1.1 Préalable
      2. 4.1.2 Installation
      3. 4.1.3 Le menu avec onglets
      4. 4.1.4 Le menu en accordéon
      5. 4.1.5 Les calendriers
      6. 4.1.6 Les fenêtres de dialogue
      7. 4.1.7 Les boutons
      8. 4.1.8 Les infobulles
      9. 4.1.9 Les curseurs
      10. 4.1.10 La barre de progression
      11. 4.1.11 Les compteurs numériques
      12. 4.1.12 Le glisser/déposer (drag/drop)
   2. 4.2 Des bordures variées
   3. 4.3 Des textes arrondis
   4. 4.4 Des infobulles
   5. 4.5 Dévoiler les mots de passe
   6. 4.6 Zoomer sur une image
   7. 4.7 Agrandir une vignette
   8. 4.8 Un carrousel d'images
   9. 4.9 Des graphiques à partir d'un tableau
   10. 4.10 Trier un tableau de données
   14. Index