jquery étendre et fn.extend

jQuery propose deux méthodes pour développer des plug-ins, à savoir :

jQuery. fn.extend(objet);

jQuery.extend(objet);

jQuery .extend (objet) ; étend la classe jQuery elle-même. Ajoute de nouvelles méthodes à la classe.

jQuery.fn.extend(object); Ajouter des méthodes aux objets jQuery.

Qu'est-ce que fn. En regardant le code jQuery, ce n'est pas difficile à trouver.

jQuery.fn = jQuery.prototype = {

init: function( sélecteur , contexte ) {//....　

　 //...

};

Il s'avère que jQuery.fn = jQuery.prototype Vous n'êtes certainement pas étranger au prototype.

Bien que javascript n'ait pas de concept clair de classe, il est plus pratique d'utiliser des classes pour le comprendre.

jQuery est une classe très bien encapsulée. Par exemple, si nous utilisons l'instruction $("#btn1"), une instance de la classe jQuery sera générée.

jQuery.extend(object); L'ajout d'une méthode de classe à la classe jQuery peut être compris comme l'ajout d'une méthode statique . Par exemple :

$.extend({

　add:function(a,b){return a+b;}

});

ajoutera une "méthode statique" pour jQuery. Vous pourrez ensuite ajouter une "méthode statique" où. jQuery est introduit. , utilisez cette méthode,

$.add(3,4); //return 7

jQuery.fn. extend(object ); Étendre jQuery.prototype consiste à ajouter des "fonctions membres" à la classe jQuery. Les instances de la classe jQuery peuvent utiliser cette « fonction membre ».

Par exemple, nous souhaitons développer un plug-in pour créer une zone d'édition spéciale. Lorsqu'on clique dessus, le contenu de la zone d'édition actuelle sera alerté. Vous pouvez faire ceci :

Code Java

1. $ . fn.extend({  

2.                 

4. $(ce

cliquez sur (fonction(){

6. alerte($(ce).val());

7. });  

 
}); 
$(
12. " #input1"

    ).alertWhileClick();

    //Sur la page Pour :

13. $("#input1") est une instance jQuery lorsqu'il appelle le membre . méthode

    alertWhileClick, elle implémente l'expansion à chaque fois que vous cliquez dessus, elle affichera en premier le contenu d'édition actuel.

Dans le processus de développement réel, bien sûr, vous ne créerez pas un plug-in aussi novice. En fait, jQuery fournit des documents d'opération riches,

Événements

, CSS, Ajax, méthodes d'effet, combinées à ces méthodes, vous pouvez développer davantage de plug-ins Niubility.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!