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 .