jQuery - La méthode noConflict()


Et si vous souhaitez utiliser d'autres frameworks sur vos pages, tout en utilisant jQuery ?


jQuery et autres frameworks JavaScript

Comme tu le sais déjà; jQuery utilise le $signe comme raccourci pour jQuery.

Il existe de nombreux autres frameworks JavaScript populaires tels que : Angular, Backbone, Ember, Knockout, etc.

Et si d'autres frameworks JavaScript utilisaient également le signe $ comme raccourci ?

Si deux frameworks différents utilisent le même raccourci, l'un d'eux peut cesser de fonctionner.

L'équipe jQuery y a déjà pensé et a implémenté la noConflict()méthode.


La méthode jQuery noConflict()

La noConflict()méthode libère la retenue sur l'identificateur de raccourci $, afin que d'autres scripts puissent l'utiliser.

Vous pouvez bien sûr toujours utiliser jQuery, simplement en écrivant le nom complet à la place du raccourci :

Exemple

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery is still working!");
  });
});

Vous pouvez également créer votre propre raccourci très facilement. La noConflict()méthode renvoie une référence à jQuery, que vous pouvez enregistrer dans une variable, pour une utilisation ultérieure. Voici un exemple:

Exemple

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery is still working!");
  });
});

Si vous avez un bloc de code jQuery qui utilise le $raccourci et que vous ne voulez pas tout changer, vous pouvez passer la $connexion en paramètre à la méthode ready. Cela vous permet d'accéder à jQuery en utilisant $, à l'intérieur de cette fonction - en dehors de celle-ci, vous devrez utiliser "jQuery":

Exemple

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery is still working!");
  });
});

jQuery Divers Référence

Pour un aperçu complet de toutes les méthodes jQuery Misc, veuillez consulter notre jQuery Misc Reference .