Cours sur le jquery

Pages: 2 (387 mots) Publié le: 14 novembre 2012
JQ
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 ensembled’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() renvoiel’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émad’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 : leserveur 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...
Lire le document complet

Veuillez vous inscrire pour avoir accès au document.

Vous pouvez également trouver ces documents utiles

  • JQUERY
  • Jquery
  • Introduction au framework jquery
  • Course en cours
  • Course en cours
  • Course en Cours
  • Cours
  • Cours

Devenez membre d'Etudier

Inscrivez-vous
c'est gratuit !