Introduction à JQuery [10 mn de lecture - paru le 11/8/2006 5:18:53 PM - Public : Débutant]

Auteur

Mathieu SEGUIN Elève-Ingénieur Supinfo Paris Promotion SUPINFO 2009    Lui écrire    Tous les projets de cet auteur    Le mini-CV de cet auteur

Plugins

Ajouter des plugins

Il existe de nombreux plugins malgré le fait que cette librairie est encore très jeune. En effet, JQuery dispose d'une communauté très active et très créative.

Vous pouvez par exemple aller faire un tour sur la page du plugin "Interface" : http://interface.eyecon.ro/. Dans la partie démo vous aurez alors une idée un peu plus précise de ce que vous pouvez faire grâce à JQuery et la facilitée avec laquelle vous pouvez le mettre en place.

La liste des plugins disponible évoluant en permanence, je vous conseille de consulter cette liste en ligne sur : http://jquery.com/docs/Plugins/.

Ecrire des plugins.

Vous pouvez vous aussi écrire vos propres plugins. La technique n'est pas très compliquée.
Il vous suffit d'appeler votre fonction jQuery.fn.votrefonction et de la mettre dans un fichier appelé jquery.votreplugin.js.

Exemple :

#### jquery.sayhello.js
jQuery.fn.sayHello = function() {
    $(this).click(function() {
       alert("Hello");
    });
};

#### dans votre fichier html
$(document).ready(function() {
    $("img").sayHello();
});

Ce plugin, une fois appelé dans votre fichier html, vous permet de définir une méthode sayhello() sur n'importe quel objet du DOM et lorsque que l'on clique sur cet objet, une boite de dialogue s'affiche.

Exemple :

$("p").sayhello(); => L'action sera possible sur tout les paragraphes de votre page.