tutoriais mais recente desenvolvimento web
 

jQuery - noConflict() Method


E se você quiser usar outras estruturas em suas páginas, enquanto ainda estiver usando jQuery?


jQuery e outros quadros de JavaScript

Como você já sabe; jQuery usa o $ sinal como um atalho para jQuery.

Há muitos outros frameworks JavaScript populares como: Angular, Backbone, Ember, Knockout , e muito mais.

E se outros frameworks JavaScript também utilizam o sinal $ como um atalho?

Se dois quadros diferentes estão usando o mesmo atalho, um deles pode parar de funcionar.

A equipe jQuery já pensou sobre isso, e implementou o noConflict() método.


O jQuery noConflict() Método

O noConflict() método libera o domínio sobre o $ identificador de atalho, para que outros scripts podem usá-lo.

Pode, claro, ainda usam jQuery, basta escrever o nome completo em vez do atalho:

Exemplo

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

Você também pode criar seu próprio atalho muito facilmente. O noConflict() método retorna uma referência a jQuery, que você pode salvar em uma variável, para uso posterior. Aqui está um exemplo:

Exemplo

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

Se você tem um bloco de código jQuery que usa a $ atalho e você não quer mudar tudo isso, você pode passar o $ sinal como um parâmetro para o método pronto. Isso permite que você acessar jQuery usando $ , dentro dessa função - fora dela, você terá que usar "jQuery":

Exemplo

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

jQuery Diversos Referência

Para uma visão completa de todos os métodos jQuery variados, por favor, vá ao nosso jQuery Diversos Referência .