Méthode personnalisée jQuery pour ajouter "$" et résoudre "$" conflict_jquery

L'exemple de cet article décrit comment personnaliser jQuery pour ajouter "$" et résoudre les conflits "$". Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

1. Personnalisez en ajoutant $

Bien que jQuery soit très puissant, dans tous les cas, jQuery ne peut pas répondre aux besoins de tous les utilisateurs, et certains besoins sont très spécialisés et ne conviennent pas à l'inclusion dans l'ensemble du framework jQuery. C'est précisément pour cette raison que jQuery propose aux utilisateurs. avec Personnalisez la méthode d'ajout de "$".

Le code est le suivant :

Copier le code Le code est le suivant :

$.fn.disable = function() {
renvoyer this.each(function() {
Si (typeof this.disabled != "undefined") this.disable = true;
});
>

Le code ci-dessus définit d'abord "$.fn.disable", indiquant que "$" ajoute une méthode Disable(), où "$.fn" est nécessaire pour étendre jQuery.

Utilisez ensuite une fonction anonyme pour définir cette méthode, c'est-à-dire utilisez each() pour définir l'attribut désactivé de chaque élément qui appelle cette méthode sur true (si cet attribut existe)

.

Exemple : Extension des fonctions de jquery

Copier le code Le code est le suivant :

Veuillez saisir votre nom :

Veuillez saisir votre mot de passe :

Veuillez choisir votre couleur préférée :



红
Vert
bleu
黄
青
violet

Veuillez sélectionner votre sexe :

male



女

Qu'aimez-vous faire :




Lecture

Internet

sleep

Je souhaite laisser un message :

La méthode SwapInput(nName,oButton) juge en fonction de la valeur du bouton s'il n'est pas disponible "disable", alors exécutez Disable() pour rendre l'élément indisponible, et en même temps modifiez la valeur. du bouton pour "activer", sinon il enverra la méthode activate().

2. Résoudre le conflit de "$"

Semblable à la situation de l'article précédent, bien que JQuery soit très puissant, les développeurs utilisent parfois plusieurs frameworks en même temps. À ce stade, vous devez être prudent, car d'autres frameworks peuvent également utiliser "$", ce qui entraîne. conflits. jQ fournit également la méthode noConflict () pour résoudre le problème du conflit "$".

Copier le code Le code est le suivant :

jQuery.noconflict();

Le code ci-dessus peut faire fonctionner "$" de la même manière que les autres frameworks javascript. Cela signifie que "$" ne peut plus être utilisé dans jQuery, mais "jQuery" doit être utilisé. Par exemple, $("h2 a"). doit être écrit comme jQuery("h2 a" ")

J'espère que cet article sera utile à la programmation jQuery de chacun.