Los últimos tutoriales de desarrollo web
 

jQuery - noConflict() Method


¿Qué pasa si se desea utilizar otros marcos en sus páginas, sin dejar de utilizar jQuery?


jQuery y otros marcos de JavaScript

Como tu ya sabes; jQuery utiliza el $ signo como un atajo para jQuery.

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

¿Qué pasa si otros frameworks de JavaScript también utilizan el signo $ como un acceso directo?

Si dos marcos diferentes están utilizando el mismo método abreviado, uno de ellos puede dejar de funcionar.

El equipo de jQuery ya han pensado en esto, y puesto en práctica el noConflict() método.


El jQuery noConflict() Método

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

Por supuesto, puede seguir utilizando 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!");
    });
});
Inténtalo tú mismo "

También puede crear su propio atajo muy fácilmente. El noConflict() método devuelve una referencia a jQuery, que se 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!");
    });
});
Inténtalo tú mismo "

Si usted tiene un bloque de código jQuery que utiliza el $ de acceso directo y no desea cambiarlo todo, puede pasar el $ signo como parámetro al método listo. Esto le permite acceder a jQuery usando $ , dentro de esta función - fuera de ella, que tendrá que utilizar "jQuery":

Ejemplo

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery is still working!");
    });
});
Inténtalo tú mismo "

Otra información de referencia jQuery

Para una visión completa de todos los métodos de jQuery diversos, por favor vaya a nuestra jQuery Otra información de referencia .