jquery Simplifiez et enrichissez vos développements JavaScript 3 e édition Jonathan Chaffer Karl Swedberg

Transcription

1 jquery Simplifiez et enrichissez vos développements JavaScript 3 e édition Jonathan Chaffer Karl Swedberg Traduit par Hervé Soulard avec la contribution technique de Didier Mouronval

2 Pearson France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et fiable. Cependant, Pearson France n assume de responsabilités, ni pour son utilisation, ni pour les contrefaçons de brevets ou atteintes aux droits de tierces personnes qui pourraient résulter de cette utilisation. Les exemples ou les programmes présents dans cet ouvrage sont fournis pour illustrer les descriptions théoriques. Ils ne sont en aucun cas destinés à une utilisation commerciale ou professionnelle. Pearson France ne pourra en aucun cas être tenu pour responsable des préjudices ou dommages de quelque nature que ce soit pouvant résulter de l utilisation de ces exemples ou programmes. Tous les noms de produits ou marques cités dans ce livre sont des marques déposées par leurs propriétaires respectifs. Publié par Pearson France 47 bis, rue des Vinaigriers PARIS Tél. : ISBN : Copyright 2012 Pearson France Tous droits réservés Titre original : Learning jquery, Third Edition, Create better interaction, design, and web development with simple JavaScript techniques Traduit de l américain par Hervé Soulard, avec la contribution technique de Didier Mouronval. ISBN original : Copyright 2011 Packt Publishing All rights reserved Édition originale publiée par Packt Aucune représentation ou reproduction, même partielle, autre que celles prévues à l article L et 3 a) du Code de la propriété intellectuelle ne peut être faite sans l autorisation expresse de Pearson France ou, le cas échéant, sans le respect des modalités prévues à l article L dudit code. Non part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc.

3 Table des matières Avant-propos... À propos des auteurs... VII IX Préface... XI Organisation du livre... XI Prérequis... XIII Public du livre... XIII Historique du projet jquery... XIV Conventions typographiques... XV Votre avis... XVI Exemples... XVI 1. Premiers pas... 1 Intérêt de jquery... 1 Efficacité de jquery... 3 Première page web avec jquery... 4 JavaScript pur contre jquery Outils de développement En résumé Sélection d éléments Le DOM La fonction $() Sélecteurs CSS Sélecteurs personnalisés Méthodes de parcours du DOM Accéder aux éléments du DOM En résumé Exercices Gestion des événements Effectuer des tâches au chargement de la page Événements simples Événements composés Le périple d un événement Modifier le périple : l objet event Retirer un gestionnaire d événements Simuler une action de l utilisateur... 62

4 IV jquery En résumé Exercices Styles et animations Modifier les styles CSS Bases du masquage/affichage Effets et vitesse Créer des animations personnalisées Effets simultanés ou séquentiels En résumé Exercices Manipulation du DOM Manipuler des attributs Manipuler l arborescence du DOM Copier des éléments Méthodes d accès au contenu Les méthodes du DOM en bref En résumé Exercices Envoi et réception de données avec Ajax Charger des données à la demande Choisir le format de données Passer des données au serveur Réponses différentes pour les requêtes Ajax Surveiller la requête Gérer les erreurs AJAX et les événements Questions de sécurité Autres solutions En résumé Exercices Utilisation des plug-in Rechercher des plug-in et de l aide Utiliser un plug-in La bibliothèque jquery UI En résumé Exercices Développement de plug-in Utiliser l alias $ Ajouter de nouvelles fonctions globales Ajouter des méthodes à l objet jquery

5 Table des matières V Paramètres d une méthode La fabrique de widgets de jquery UI Recommandations sur la conception Distribuer un plug-in En résumé Exercices Techniques élaborées de sélection et de parcours Retour sur la sélection et le parcours Personnaliser et optimiser les sélecteurs Les coulisses du parcours du DOM En résumé Exercices Gestion élaborée des événements Retour sur les événements Délégation d événement Événements personnalisés Limitation des événements Événements spéciaux En résumé Exercices Effets élaborés Retour sur les animations Observer et interrompre des animations Propriétés d effet globales Easing sur plusieurs propriétés Objets différés En résumé Exercices Manipulation élaborée du DOM Trier les lignes d une table Retour sur le déplacement et l insertion d éléments Stocker des données au côté des éléments du DOM Utiliser les attributs data de HTML Trier et construire des lignes avec JSON Manipulation élaborée des attributs En résumé Exercices Utilisation élaborée d Ajax Amélioration progressive avec Ajax Gérer les erreurs Ajax

6 VI jquery L objet jqxhr Limiter les requêtes Ajax Étendre les possibilités Ajax En résumé Exercices Annexe A. Fermetures en JavaScript Fonctions internes Interactions entre fermetures Fermetures dans jquery Risques de fuites de mémoire En résumé Annexe B. Tests avec QUnit Télécharger QUnit Configurer le document Organiser les tests Ajouter et exécuter des tests Autres types de tests Considérations pratiques En résumé Annexe C. Référence rapide Expressions de sélection Méthodes de parcours du DOM Méthodes d événement Méthodes d effet Méthodes de manipulation du DOM Méthodes Ajax Objets différés Autres propriétés et fonctions Index