JQUERY

Pages: 2 (270 mots) Publié le: 7 janvier 2015
jQuery

Introduction
Il s’agit d’une librairie JavaScript qui propose des fonctions utilisables avec le JavaScript.
jQuery gère les différence de navigateurs (Ajax n’est pas normalisé du coupchaque navigateur le comprend comme il veut)
La librairie est légère, elle doit être incluse sur le serveur et donc dans le document HTML.
Version de Dev : jQuery 1.X ou 2.X
Il est possible d’ysélectionner que les fonctions dont on aurait besoin pour encore alléger le document.
Il existe aussi la version min (minimale) qui est la version compressé (sans commentaire, sansprésentation,…)
N’importe qui peut écrire son extension de jQuery.

jQuery possède 4 principales fonctionnalités :
modifier le DOM
gérer les évènements (de manière précise)
des animations et effets liégestion de l’Ajax
Installation
Télécharger sur jQuery 1.X et 2.X (mais n’est pas compatible avec les vieilles versions de IE)
Mettre dans le répertoire avec les autres scripts.
My_script.js :$(document).ready(function(){ fonction qui charge la page
//code ici
})













http://miageprojet2.unice.fr/@api/deki/files/1709/=jquery12_colorcharge.pnghttp://oscarotero.com/jquery/
Sélection et modification du DOM
Sélection : jQuery(sélecteur).méthode
$(sélecteur).méthode
Ex : $(‘’balise’’).méthode ou $(this).méthode
Voir image ci-dessus.Evènements
$(sélecteur).event(function(){
//code
}) ;
EX : $(img).click(function(){
$(this).hide() ;
}) ;

$(sel).bind(« event », funct) ; je lie l’évènement à l’objet
$(sel).unbind(« event ») ;je délie les évènements (sans param = tous les évènements)
Animations
$(sel).attr(« nom ») ; sélectionne l’attribut
$(sel).attr(« nom », val) ; modifie l’attribut$(sel).animate({prop :val ;}, temps) ; ne fonctionne qu’avec des attributs numérique, modifie l’attribut de manière animé. Le temps est en ms.
setTimeout(funct, tmps) relance la fonction toutes les X temps en ms...
Lire le document complet

Veuillez vous inscrire pour avoir accès au document.

Vous pouvez également trouver ces documents utiles

  • Jquery
  • Cours sur le jquery
  • Introduction au framework jquery

Devenez membre d'Etudier

Inscrivez-vous
c'est gratuit !