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 coup chaque 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’y sé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, sans pré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.png http://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