226 votes

Comment créer une fonction Jquery

Je sais qu’en javascript la syntaxe est la suivante :

JavaScript

Est-il possible de déclarer une fonction jQuery qui peuvent être ajoutés à un élément ?

JQuery

ex.

319voto

Candide Points 12137

Depuis les Docs:

Puis vous effectuez

88voto

PeterVR Points 6770

Malgré toutes les réponses que vous avez déjà reçus, il est intéressant de noter que vous n'avez pas besoin d'écrire un plugin pour utiliser jQuery dans une fonction. Certes, si c'est une simple, une fonction de temps, je crois que l'écriture d'un plugin, c'est du matraquage. Il pourrait être fait beaucoup plus facile en juste passer le sélecteur de la fonction en tant que paramètre. Votre code devrait ressembler à quelque chose comme ceci:

function myFunction($param) {
   $param.hide();  // or whatever you want to do
   ...
}

myFunction($('#my_div'));

Notez que l' $ dans le nom de la variable $param n'est pas nécessaire. C'est juste une habitude de la mine de le rendre facile à retenir que cette variable contient un sélecteur jQuery. Vous pouvez simplement utiliser param .

44voto

Bien qu'il existe une pléthore de documentation / tutoriels là-bas, la réponse simple à votre question est la suivante:

// to create a jQuery function, you basically just extend the jQuery prototype
// (using the fn alias)

$.fn.myfunction = function () {
    // blah
};

À l'intérieur de cette fonction, l' this variable correspond à la jQuery emballés ensemble que vous avez appelé votre fonction. Donc quelque chose comme:

$.fn.myfunction = function () {
    console.log(this.length);
};

$('.foo').myfunction();

... de vidage de la console le nombre d'éléments avec la classe foo.

Bien sûr, il y a un peu plus de la sémantique que cela (ainsi que les meilleures pratiques, et tout ce jazz), alors assurez-vous de lire.

14voto

Richard Dalton Points 20402

Pour rendre une fonction disponible sur les objets jQuery vous ajouter au prototype jQuery (fn est un raccourci pour le prototype, jQuery) comme ceci :

Il s’agit généralement d’un plugin jQuery.

Exemple - http://jsfiddle.net/VwPrm/

4voto

Jamiec Points 35773

Oui, vous l’appliquez aux éléments sélectionnés à l’aide de jquery, sont appelées plugins jquery et il y a une bonne quantité de d’informations sur la création au sein de la documentation de jquery.

Son intéressant de noter que jquery est juste javascript, y a donc rien de spécial sur une « méthode de jquery ».

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X