jQuery - El método noConflict()


¿Qué pasa si desea usar otros marcos en sus páginas, mientras sigue usando jQuery?


jQuery y otros marcos de JavaScript

Como tu ya sabes; jQuery usa el $signo como acceso directo para jQuery.

Hay muchos otros marcos de JavaScript populares como: Angular, Backbone, Ember, Knockout y más.

¿Qué sucede si otros marcos de JavaScript también usan el signo $ como acceso directo?

Si dos marcos diferentes usan el mismo atajo, uno de ellos podría dejar de funcionar.

El equipo de jQuery ya pensó en esto e implementó el noConflict()método.


El método jQuery noConflict()

El noConflict()método libera la suspensión del identificador de acceso directo $, para que otros scripts puedan usarlo.

Por supuesto, aún puede usar jQuery, simplemente escribiendo el nombre completo en lugar del acceso directo:

Ejemplo

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

También puede crear su propio acceso directo muy fácilmente. El noConflict()método devuelve una referencia a jQuery, que puede guardar en una variable, para su uso posterior. Aquí hay un ejemplo:

Ejemplo

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

Si tiene un bloque de código jQuery que usa el $acceso directo y no quiere cambiarlo todo, puede pasar el $inicio de sesión como parámetro al método listo. Esto le permite acceder a jQuery usando $, dentro de esta función; fuera de ella, tendrá que usar "jQuery":

Ejemplo

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

Referencia miscelánea de jQuery

Para obtener una descripción general completa de todos los métodos de jQuery Misc, vaya a nuestra referencia de jQuery Misc .