Um projeto em que estou trabalhando exige o uso do jQuery nas páginas da Web dos clientes. Os clientes inserirão um pedaço de código que forneceremos, incluindo alguns <script>elementos que constroem um widget em um <script>-criado <iframe>. Se eles ainda não estiverem usando a versão mais recente do jQuery, isso também incluirá (provavelmente) um <script>para a versão hospedada do Google do jQuery.

O problema é que alguns clientes já podem ter uma versão mais antiga do jQuery instalada. Embora isso possa funcionar se for pelo menos uma versão bastante recente, nosso código depende de algumas funcionalidades introduzidas recentemente na biblioteca jQuery, portanto, haverá casos em que a versão jQuery de um cliente é muito antiga. Não podemos exigir que eles atualizem para a versão mais recente do jQuery.

Existe alguma maneira de carregar uma versão mais recente do jQuery para usar somente dentro do contexto do nosso código, que não interfira ou afete qualquer código na página do cliente? Idealmente, talvez pudéssemos verificar a presença de jQuery, detectar a versão e, se ela for muito antiga, de alguma forma carregar a versão mais recente apenas para uso em nosso código.

Eu tive a ideia de carregar o jQuery em um <iframe>domínio do cliente que também inclui o nosso <script>, o que parece viável, mas espero que exista uma maneira mais elegante de fazer isso (sem mencionar as penalidades de desempenho e complexidade do <iframe>s extras ).

Sim, é possível devido ao modo de noconflict do jQuery. http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/

<!-- load jQuery 1.1.3 -->
<script type="text/javascript" src="http://example.com/jquery-1.1.3.js"></script>
<script type="text/javascript">
var jQuery_1_1_3 = $.noConflict(true);
</script>

<!-- load jQuery 1.3.2 -->
<script type="text/javascript" src="http://example.com/jquery-1.3.2.js"></script>
<script type="text/javascript">
var jQuery_1_3_2 = $.noConflict(true);
</script>

Então, em vez de $('#selector').function();, você faria jQuery_1_3_2('#selector').function();ou jQuery_1_1_3('#selector').function();.

Depois de analisar e experimentar, descobri que na verdade não permitia que mais de uma instância do jquery fosse executada por vez. Depois de pesquisar, descobri que isso fazia exatamente o truque e era muito menos código.

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script>var $j = jQuery.noConflict(true);</script>
    <script>
      $(document).ready(function(){
       console.log($().jquery); // This prints v1.4.2
       console.log($j().jquery); // This prints v1.9.1
      });
   </script>

Então, basta adicionar o "j" após o "$".

$j(function () {
        $j('.button-pro').on('click', function () {
            var el = $('#cnt' + this.id.replace('btn', ''));
            $j('#contentnew > div').not(el).animate({
                height: "toggle",
                opacity: "toggle"
            }, 100).hide();
            el.toggle();
        });
    });

Retirado de http://forum.jquery.com/topic/multiple-versions-of-jquery-on-the-same-page :

• A página original carrega seu "jquery.versionX.js" - $e jQuerypertence à versãoX.
• Você chama seu "jquery.versionY.js" - agora $e jQuerypertence à versãoY, mais _$e _jQuerypertence à versãoX.
• my_jQuery = jQuery.noConflict(true);- agora $e jQuerypertencem à versãoX, _$e _jQueryprovavelmente são nulos, e my_jQuerysão a versãoY.

Você pode ter quantas versões diferentes do jQuery em sua página desejar.

Use jQuery.noConflict():

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
    var $i = jQuery.noConflict();
    alert($i.fn.jquery);
</script> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
    var $j = jQuery.noConflict();
    alert($j.fn.jquery);
</script> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
    var $k = jQuery.noConflict();
    alert($k.fn.jquery);
</script> 

DEMONSTRA | Fonte

É possível carregar a segunda versão do jQuery, usá-lo e, em seguida, restaurar o original ou manter a segunda versão, se não houvesse o jQuery carregado anteriormente. Aqui está um exemplo:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
    var jQueryTemp = jQuery.noConflict(true);
    var jQueryOriginal = jQuery || jQueryTemp;
    if (window.jQuery){
        console.log('Original jQuery: ', jQuery.fn.jquery);
        console.log('Second jQuery: ', jQueryTemp.fn.jquery);
    }
    window.jQuery = window.$ = jQueryTemp;
</script>
<script type="text/javascript">
    console.log('Script using second: ', jQuery.fn.jquery);
</script>
<script type="text/javascript">
    // Restore original jQuery:
    window.jQuery = window.$ = jQueryOriginal;
    console.log('Script using original or the only version: ', jQuery.fn.jquery);
</script>

Gostaria de dizer que você deve sempre usar as versões estáveis ​​mais recentes ou recentes do jQuery. No entanto, se você precisar trabalhar com outras versões, poderá adicionar essa versão e renomeá-la $para outro nome. Por exemplo

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script>var $oldjQuery = $.noConflict(true);</script>

Olhe aqui se você escrever algo usando, $então você obterá a versão mais recente. Mas se você precisar fazer algo com o antigo, basta usar em $oldjQueryvez de $.

Aqui está um exemplo

$(function(){console.log($.fn.jquery)});
$oldjQuery (function(){console.log($oldjQuery.fn.jquery)})

Demo

Absolutamente, sim, você pode. Este link contém detalhes sobre como você pode conseguir isso: https://api.jquery.com/jquery.noconflict/ .