ReferenceError: $ is not defined, Jquery.

Bonjour,

"ReferenceError: $ is not defined" tels est une des erreurs qui me hante depuis quelques temps. Je débute en JQuery, et je m'arrache les cheveux sur une simple fonction et c'est bien malheureux !
Ce que je veux faire : Quand je clique sur une image, j'aimerais changer la valeur src de mon iframe qui renvois un fichier pdf... "click image, tadah, iframe me montre un autre pdf sur ma page html!"

La magie ne prend pas. voici mes codes, si vous pouvez y jeter un oeil ou deux ça serait bien sympa :)

<script type="text/javascript">
function evento() {
console.log('test'); //ça marche
$("#test").attr("test2.pdf"); //famous error
}
</script>

<iframe id="test" width="820" height="900" align="middle" src="test.pdf">

<p>
<a title="pdfmedoc">
<img id="imageone" onclick="evento();" alt="" src="pdf_icon.png">
</a>

J'ai essayé d'y faire avec un load, un $("img-first").click, un $("iframe") mais sans que ce soit prolifique ;)
Si je fais cette commande sur firebug via mozilla : $("iframe").attr("src","test2.pdf"), ça me met "TypeError: $(...).attr is not a function".

Je ne sais pas si j'ai été assez clair, j'ai tenté pas mal de trucs avec plein d'erreurs différentes (a)... en vain, si vous avez une petite solution pour moi, je suis preneur ;p


Je travaille sur Dreamweaver et firebug au passage.
Merci pour votre aide !