Método jQuery noConflict()

Como usar o jQuery e outros frameworks no mesmo página?

jQuery e outras frameworks de JavaScript

Como você já deve saber, o jQuery usa o símbolo $ como abreviação do jQuery.

E se outros frameworks JavaScript também usarem o símbolo $ como abreviação?

Outros frameworks JavaScript incluem: MooTools, Backbone, Sammy, Cappuccino, Knockout, JavaScript MVC, Google Web Toolkit, Google Closure, Ember, Batman e Ext JS.

Alguns frameworks também usam o símbolo $ como abreviação (como o jQuery), se você estiver usando dois frameworks diferentes que usam a mesma abreviação, pode levar o script a parar de funcionar.

A equipe do jQuery considerou esse problema e implementou o método noConflict().

Método jQuery noConflict()

O método noConflict() libera o controle do identificador $, permitindo que outros scripts o usem.

Exemplo

Claro, você ainda pode usar o nome completo para substituir a abreviação para usar o jQuery:

$.noConflict();
jQuery(document).ready(function(){
  jQuery("button").click(function(){
    jQuery("p").text("jQuery ainda está em execução!");
  );
);

Experimente você mesmo

Exemplo

Você também pode criar suas próprias abreviações. O método noConflict() retorna uma referência para o jQuery, que você pode armazenar em uma variável para uso posterior. Veja este exemplo:

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery ainda está em execução!");
  );
);

Experimente você mesmo

Exemplo

Se seu bloco de código jQuery usa o abreviatura $ e você não deseja alterar essa abreviação, você pode passar o símbolo $ como uma variável para o método ready. Dessa forma, você pode usar o símbolo $ dentro da função - e fora da função, ainda será necessário usar "jQuery":

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery ainda está em execução!");
  );
);

Experimente você mesmo

Manual de Referência do Núcleo do jQuery

Para uma visão geral completa dos métodos do núcleo do jQuery, acesse nossa Manual de Referência do Núcleo do jQuery.