jQuery - Método noConflict()

¿Cómo usar jQuery y otros frameworks en la misma página?

jQuery y otros frameworks de JavaScript

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

¿Qué pasa si otros frameworks de JavaScript también usan el símbolo $ como abreviatura?

Algunos otros frameworks de JavaScript incluyen: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman y Ext JS.

Algunos de estos frameworks también usan el símbolo $ como abreviatura (como jQuery). Si los dos frameworks diferentes que está utilizando usan el mismo símbolo de abreviatura, podría causar que el script deje de funcionar.

El equipo de jQuery tuvo en cuenta este problema e implementó el método noConflict().

Método noConflict() de jQuery

El método noConflict() libera el control sobre el identificador $, de modo que otros scripts puedan usarlo.

Por supuesto, todavía puede usar jQuery escribiendo el nombre completo en lugar de la abreviatura:

Ejemplo

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

Pruébelo »

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

Ejemplo

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

Pruébelo »

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

Ejemplo

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

Pruébelo »
Otras extensiones