Fonctions :


Jquery()

jQuery repose sur une seule fonction : jQuery() ou $(). Comme toutes les fonctions JavaScript elle accepte des paramètres, et retourne un objet, qu'on appelera “objet jQuery”.
D'habitude si on veut executer une fonction lors d'un click sur une image , on fait comme suit :

<img src="images/a005.gif" id =="img_test" onclick="javascript:{lancer_fonction() ; }" />

voyant maintenant comment réecrir ce bout de code avec jquery :

//an niveau de la balise <head>.
< script language="javascript" type="text/javascript">
$(document).ready(function()//lorsque la page est chargée, ici le $() est équivallent à Jquery()
{
$("#img_test").click (function(){//lancer le click via l'id de l'image
lancer_fonction();
});
});
</script>

jQuery.noConflict()

Permet d'éviter les conflits lors de l'utilisation de l'alias "$" avec une autre librairie qui utiliserait également ce même symbole.

each()

Fonction qui boucle sur chaque élément trouvé, et éxécute a chaque passage une fonction définie. La fonction éxécutée dispose d'un argument qui est un entier représentant la position de l'élement en cours de traitement. Un "return false" a l'intérieur de la fonction définie stoppera l'éxécution de la boucle. En revanche "return true" forcera le passage a l'itération suivante, de la même manière que l'instruction "continue" dans une boucle normale.

//supposons qu'on a deux images
<img id="im1" src=" " /> et <img id="im2" src=" " />
// On ajoute un attribut src aux deux images.
$("img").each(function(i){
this.src = "im_test_" + i + ".jpg";
});
// Résultat:
<img id="im1" src="im_test_0.jpg" /> et <img id="im2" src="im_test_1.jpg" />

Eq()

Réduit le résultat de la recherche a un élément, correspondant a une position donnée. L'intervalle des positions commence à 0 et se termine à taille de l'index-1.


//supposons qu'on deux textes avec la balise p
<p>premier text .</p> -- <p> deuxième text </p>
// On utlise la fonction.
$("p").eq(1) ;
// Résultat:
<p> deuxième text </p>

Index()

Recherche chaque élement correspondant a l'objet passé en paramètre, et dans le cas ou il le trouve, retourne sa position. Sinon il retourne -1.

Retourne la position de lélement avec l'id "contenu".
$(" * ").index( $('#contenu')[0] );
pour tester on a le code:
<div id="centre"><b></b><span id="contenu"></span></div>
// Résultat:
2

Length()

Retourne le nombre d'élements trouvés.

Retourne le nombre d'élements "img".
$("img").length;
pour tester on a le code:
<img id="im1" src="im_test_0.jpg" /> et <img id="im2" src="im_test_1.jpg" />
// Résultat:
2

Lt()

Réduit les résultat a la liste des élements situés en dessus le position indiquée. la valeur de retour est un objet jquery

$("p").lt(2)
pour tester on a le code:
<p/>premier paragraphe <p/> <p> Un deuxième <p/><p>troisième <p/>
// Résultat:
[<p> Un deuxième <p/><p>troisième <p/>]

Size()

De même que la fonction length().

Retourne le nombre d'élements "img".
$("img").size();
pour tester on a le code:
<img id="im1" src="im_test_0.jpg" /> et <img id="im2" src="im_test_1.jpg" />
// Résultat:
2

Get()

Permet d'accéder a tous les élements recherchés. la valeur de retour Array<Element>.

Sélectionne toutes les images du document et retourne un tableau d'élements DOM.
$("img").get();
pour tester on a le code:
<img id="im1" src="im_test_0.jpg" /> et <img id="im2" src="im_test_1.jpg" />
// Résultat:
[<img id="im1" src="im_test_0.jpg" /> et <img id="im2" src="im_test_1.jpg" /> ]

On passe maintenant aux Selecteurs de Jquery.