Método noConflict() de jQuery

¿Cómo usar jQuery y otros marcos en una página al mismo tiempo?

jQuery y otros marcos de JavaScript

Como ya sabes, jQuery utiliza el símbolo $ como abreviatura de jQuery.

¿Qué hacer si otros marcos JavaScript también utilizan el símbolo $ como abreviatura?

Otras algunas marcos JavaScript incluyen: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman y Ext JS.

Algunos marcos también utilizan el símbolo $ como abreviatura (como jQuery), si está utilizando dos marcos diferentes que utilizan el mismo símbolo de abreviatura, podría causar que el script se detenga.

El equipo de jQuery ha considerado este problema e implementado el método noConflict().

Método noConflict() de jQuery

El método noConflict() libera el control del identificador $, permitiendo que otros scripts lo usen.

Ejemplo

Por supuesto, siempre puede usar el nombre completo en lugar de la abreviatura para usar jQuery:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery aún está en ejecución!");
  );
);

Pruebe usted mismo

Ejemplo

También puede crear su propia abreviatura. El método noConflict() devuelve una referencia a jQuery, que puede almacenar en una variable para usarla más tarde. Vea este ejemplo:

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery aún está en ejecución!");
  );
);

Pruebe usted mismo

Ejemplo

Si su bloque de código jQuery utiliza la abreviatura $ y no desea cambiar esta abreviatura, puede pasar el símbolo $ como variable al método ready. De esta manera, puede usar el símbolo $ dentro de la función - y fuera de la función, tendrá que usar "jQuery":

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery aún está en ejecución!");
  );
);

Pruebe usted mismo

Manual de referencia del núcleo de jQuery

Para obtener una visión general completa de los métodos del núcleo de jQuery, por favor visite nuestra Manual de referencia del núcleo de jQuery.