登録は簡単!. 無料です
または 登録 あなたのEメールアドレスで登録
Rocket clouds
jQuery により Mind Map: jQuery

1. Introduction

1.1. Historique

1.1.1. l’évolution de Javascript par le développement du framework jQuery

1.1.2. jQuery est une énorme bibliothèque de fonctions Javascript

1.1.3. jQuery est une découverte total de Javascript

1.1.4. jQuery est publié sous licence libre GNU GPL

2. Définition

2.1. A propos de JQuery

2.1.1. Créer pour manipule les pages DOM et CSS dynamiquement

2.1.2. Créer pour Prendre en compte des données externes AJAX

2.1.3. La première version date de Janvier 2006

2.1.4. Développée par John Resig

2.2. Fonctions principales jQuery

2.2.1. Changer l'état d'un élément dans l'instant ou sur la durée (animations et effet).

2.2.2. Changer un élément ou avoir des informations sur lui (éléments et attributs)

2.2.3. Manipuler les styles (CSS)

2.2.4. Requêtes externes à la page (AJAX)

2.2.5. Parcourir le DOM avec les sélecteurs CSS 1 à 3 et un support basique de XPath. Filtrer les résultats (selecteurs)...

3. Exemples des fonctions jQuery

3.1. sélécteurs

3.1.1. Sélecteurs css/html (.class..)

3.1.2. Sélecteurs par attributs ([nom]...)

3.1.3. Sélecteurs hiérarchiques ('enfant1 > enfant2...)

3.1.4. Pseudo sélecteurs (:even..)

3.1.5. Sélecteurs spécifiques (:visible).....

3.2. éléments

3.2.1. L'accès/modification des propriétés CSS se fait avec la méthode css()

3.2.2. L'accès/modification des attributs se fait avec la méthode attr()

3.2.3. L'accès/modification des champs de formulaires se fait avec la méthode val()....

3.3. Modification du DOM avec jQuery

3.3.1. Pour rajouter/supprimer des attributs, des classes... on utilise les balises :(addClass (), removeClass (), removeAttr () ...

3.3.2. Pour rajouter/remplacer/supprimer des éléments du DOM, on utilise les balises: remove (), replaceWith (), append ()....

3.4. effets

3.4.1. Exemples des fonctions : animate(), clearqueue(), slidedown()...

3.5. événements

3.5.1. Evénements de la souris: click (), dblclick (), mousemove ()....

3.5.2. Evénements du clavier: keydown (), keyup (), keypress ()

3.5.3. Evénement éléments: focus (), change (), blur ()...

3.6. AJAX

3.6.1. AJAX est un concept de programmation Web reposant sur plusieurs technologies comme le JavaScript et le XML.

3.6.2. Exemples de balises: $.ajax(options), $.ajax(options), $(selector).load(url,data,callback).....

4. Outils

4.1. outils de developpement

4.1.1. Pour coder avec jQuery , il faut des outils: Un navigateur (Firefox), outil de développement web (le greffon Firebug), éditeur de texte (Notepad++)

4.1.2. Il existe plusieurs outils de développement web de jQuery online (Jsdo, dabblet...) et offline (sublimetext, eclipse...)

4.1.3. Il existe autre Frameworks de la famille de jQuery (jQuery UI et jQuery Mobile)

5. Utilisation de base de jQuery

5.1. les principes de base

5.1.1. La création du fichier JS

5.1.2. Le placement du fichier jQuery.js dans le même répertoire racine.

5.1.3. On commence le codage en intégrant une balise approprié a jQuery

6. Sélection des éléments

6.1. La sélection est basée sur une seule et unique fonction JQuery () ou son alias $ ()

6.2. La fonction jQuery prendre comme paramètres: une fonction exécuté pour le DOM, et un sélecteur CSS ou une balise HTML