jQuery - O método noConflict()


E se você quiser usar outros frameworks em suas páginas, enquanto ainda usa jQuery?


jQuery e outros frameworks JavaScript

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

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

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

Se duas estruturas diferentes estiverem usando o mesmo atalho, uma delas poderá parar de funcionar.

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


O método jQuery noConflict()

O noConflict()método libera a retenção do identificador de atalho $, para que outros scripts possam usá-lo.

Claro que você ainda pode usar jQuery, simplesmente escrevendo o nome completo em vez do atalho:

Exemplo

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

Você também pode criar seu próprio atalho com muita facilidade. O noConflict()método retorna uma referência ao 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!");
  });
});

Se você possui um bloco de código jQuery que usa o $atalho e não deseja alterar tudo, pode passar o $login como parâmetro para o método ready. Isso permite acessar o jQuery usando $, dentro desta função - fora dela, você terá que usar "jQuery":

Exemplo

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

Referência diversa do jQuery

Para uma visão geral completa de todos os métodos jQuery Misc, acesse nossa jQuery Misc Reference .