:: jQuery. noConflict()

Como sabemos, jQuery utiliza el simbolo: "$"; sin embargo hay otros framworks javascript que hacen uso de este símbolo, por lo que si en nuestra aplicación utilizamos diferentes frameworks, estos podrían entrar en conflicto.

Para ello, en jQuery disponemos del método: noConflict();




En el siguiente ejemplo tras utilizar $.noConflict(); podremos utilizar la sintáxis: "jQuery" (sin hacer uso del atajo: "$"). Es decir, el método "$.noConflict()" devuelve una referencia a "jQuery"

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

Podemos guardar esta referencia en una variable, y utilizarla en lugar de la que devolvería por defecto: "jQuery"

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

Si no queremos modificar esta referencia, una tercera alternativa, sería seguir utilizando: "$" en nuestras funciones, aunque fuera de ellas, tendríamos que utilizar la referencia: "jQuery"

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