É notório que o slogan do jQuery “Write less, do more” é realmente verdadeiro. O jQuery é uma ferramenta que simplifica e muito a construção de código JavaScript. O Drupal a partir da versão 5.0 já vem com o jQuery como default para a construção de funcionalidades em JavaScript. Esse tutorial tem o objetivo  demonstrar como utilizar a dobradinha jQuery + Drupal.

Bom galera, como falei anteriormente o jQuery já vem pré-instalado com o Drupal, ele encontra-se na pasta misc/jquery.js, então para construirmos nosso exemplo, entre na sessão administrativa de seu site Drupal, selecione a Opção Criar Conteúdo e crie um conteúdo do tipo Page. Entre com Teste de jQuery para o título e em Formato de entrada selecione a opção:  PHP code.

No Body copie o seguinte código:

<?php
drupal_add_js(path_to_theme(). '/jquery.js');
?>

$(document).ready(function() {
$("a").click(function() {
$("p").fadeIn("slow");
});
});

<a href="#">TESTE</a>
<p style="background:#CCC;display:none"> TESTE 1 </p>


E é só isso, você poderá trabalhar tranquilamente com qualquer função do jQuery no Drupal.