Como usar o JQuery hospedado no Google em seu website

Post escrito por Yeltsin Lima

Muitos desenvolvedores estão optando pelo JQuery hospedado no Google como forma de melhorar o tempo de carregamento dos seus sites. A utilização do JQuery (ou de qualquer outro script) é bem fácil.

Basta incluir o seguinte código em seu header.php (ou no topo da sua página. Antes da tag <head> fechar.):

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

Nesse caso você estará “chamando” a biblioteca JQuery, em sua versão 1.3. As versões suportadas pelo Google (para a biblioteca JQuery) são:

  • 1.2.3, 1.2.6, 1.3.0, 1.3.1, 1.3.2, 1.4.0, 1.4.1, 1.4.2 – No caso, para trocar a requisição do 1.3, para o 1.4.2, basta trocar o “src” que está sendo chamado.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Mas, o Google não suporta apenas a biblioteca JQuery. O “leque” de bibliotecas, frameworks e scripts é gigante. Confira abaixo, todas as versões e ferramentas disponíveis (e o link para a última versão disponível).

JQuery UI

Para carregar essa biblioteca é necessário carregar também, o JQuery. Dê uma lida na documentação JQuery, para ver qual biblioteca é compatível com qual.

Versões: 1.5.2, 1.5.3, 1.6, 1.7.0, 1.7.1, 1.7.2, 1.7.3, 1.8.0, 1.8.1

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js" type="text/javascript"></script>

Prototype

Versões: 1.6.0.2, 1.6.0.3, 1.6.1.0

<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js" type="text/javascript"></script>

script.aculo.us

Versões: 1.8.1, 1.8.2, 1.8.3

<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js" type="text/javascript" type="text/javascript"></script>

MooTools

Versões: 1.1.1, 1.1.2, 1.2.1, 1.2.2, 1.2.3, 1.2.4

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js" type="text/javascript"></script>

Dojo

Versões: 1.1.1, 1.2.0, 1.2.3, 1.3.0, 1.3.1, 1.3.2, 1.4.0, 1.4.1, 1.4.3

<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.4.3/dojo/dojo.xd.js" type="text/javascript"></script>

SWFObject

Versões: 2.1, 2.2

<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" type="text/javascript"></script>

Yahoo! User Interface Library (YUI)

Versões: 2.6.0, 2.7.0, 2.8.0r4, 2.8.1

<script src="http://ajax.googleapis.com/ajax/libs/yui/2.8.1/build/yuiloader/yuiloader-min.js" type="text/javascript"></script>

Ext Core

Versões: 3.0.0, 3.1.0

<script src="http://ajax.googleapis.com/ajax/libs/ext-core/3.1.0/ext-core.js" type="text/javascript"></script>


Chrome Frame

Versões: 1.0.0, 1.0.1, 1.0.2

<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js" type="text/javascript"></script>

WebFont Loader

Versões: 1

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" type="text/javascript"></script>

Ficou bem fácil, não é? Mas, recomendo que vocês visitem o “guia do desenvolvedor” do Google. Afinal, esses scripts serão atualizados quase sempre.

 Como usar o JQuery hospedado no Google em seu website

Artigo por Yeltsin Lima

Curso o primeiro período de Publicidade & Propaganda na Faculdade Integradas Barros Melo (AESO), sou colaborador do Meio Bit e fundador do DicasWP.

4 Comentários
  • JulianoRossi disse:

    Olá…
    … ótimo Blog.
    Eu estava precisando de algumas dicas para melhorar o sistema de busca do meu WP, e consegui muito mais do que isso, é uma verdadeira fonte de incríveis “mão na roda” para solucionar dificuldades e ao mesmo tempo manter-se atualizado sobre as novidades de melhorias para o WP.

    Obrigado…

    Obs: Já estou lá na cmm do DicasWP.

    Mega abraços.

  • Douglas Aguiar disse:

    Bom conteúdo, mas vai um conselho de quem entende pouco…teu widget de curtir e tweetar está num péssimo lugar, atrapalhando a leitura do artigo…
    abraço!

  • Deixe um comentário

    Conecte-se com uma das redes abaixo:

    Você pode fazer o Login ou se registrar para ganhar pontos. :-)

    300x250yellow4ptpng
    '
    • Premium Themes
    • Premium resources for designers

    Selo peixe Grande 2011

    Junte-se a galera!

    Tweets Recentes

    Enquete

    O que você achou do novo visual?

    Ver Resultados

    Loading ... Loading ...

    Quem tem mais pontos?

    • yeltsinlima (D$41735)
    • guilherme (D$4360)
    • fellipe (D$1925)