Cours sur le jquery
JQuery : cours d’application web
I) JavaScript -> JQuery
Librairie JavaScript.
Dans le HTML, <script src = ‘jquery.js’></script>
Nouvelles fonctionnalités : * meilleure utilisabilité de l’existant * meilleure intégration poussée avec le DOM * une couche réseau (AJAX)
C’est une surcouche abstraite de JS.
II) Sélectionner
$(‘ul p’) rend un ensemble d’objets JQuery qui vérifient cette condition.
Tout sélecteur CSS2. Ex :
- ‘ul : not(p)’,
- ‘ul p[toto ~= ‘xxx’] la valeur de l’attribut toto doit commencer par xxx,
- ‘#toto li : nth(2) ‘ sélectionne le 3ème élément. ‘
- input[type=’text’][name = ‘date_naissance’]’ permet de récupérer un élément d’un formulaire.
III) Retrouver les objets JavaScript objJQ.get() renvoie l’objet javascript natif.
IV) Ensemble * .size() : taille de l’ensemble * .eq(n) : n-ième élément * .each (function(i,el){})
Ex avec each : $(‘#toto li’).each(function(i,el){if(i%2 = =0){$(elem).css(‘color’,’red’)}else{$(elem).css(‘color’,’green’)}})
V) Parcours du DOM
-children()
-parent()
-parents()
-find()
-next()
-previous()
ex : $(‘#toto ‘).children().each(…) $(‘#toto’).find(‘li’).each(…)
VI) Manipulation du DOM
-append()
-remove()
-before()
-after()
VII) Evénement
‘This’ propre à javascript : élément javascript à l’origine de l’événement.
B/ TCP/IPRéseau
Serveur
Client :
Html
CSS
JS
Pile de protocoles :
Application : http (+html = web) URL(uniform Resource Locator), asymétrie des connexions (request contre response), schéma d’un url :
Schéma (http, https etc…)://domain : /path ? query #fragment id
Request methods
- get : lire une ressource sans la modifier
- post : créer une nouvelle ressource
- head : le serveur envoie juste des infos sur la ressource
- put : modifier une ressource existante
- delete : effacer la ressource les navigateurs ne savent faire que du get et du post.
Transport : TCP