Рабочий пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Без имени</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.17" />
</head>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
<!--
$(function() {
$('a').click(function() {
$('div.elementToReplace').replaceWith('<div>Я заменяю блок</div>');
return false;
});
});
//-->
</script>
<body>
<a href="#">link</a><div class="elementToReplace">блок</div>
</body>
</html>
А теперь:
1. Не .onclick, а .click;
2. return false в конце обработчика отменяет переход по ссылке -- надо.
И читайте документацию, в конце концов, раз уж взялись за изучение фреймворка.