要素の内容を取得

$("a").click(function() {
　id = $(this).attr("id");　// idの取得
　val = $(this).attr("value");　// valueの取得
});

要素の中身を切り替える
(prototype.jsで言う、innerHTML)

<script type="text/javascript">

	function test()
	{
		$('#box').html('恋に恋こがれ、恋になく');
	}
	
</script>

<div>
	<div id="box">
    	ここが変わる
    </div>
</div>

<a onclick="test();">き８りかえ</a>

要素の中身を取得

$("#UserArea").val();//要素の中身を取得

要素をアニメーション付きで隠す

function test()
{
	$('#box').animate({ opacity: "hide" }, "slow");
}

AJAX

function getHTML()
{
	$.ajax({
		type: "POST",
		url: "/users/getzip/",
		data: "zipcode=" + $("#UserArea").val(),
		success: function(msg){
			//alert( "Data Saved: " + msg );
			$('#zipcodeinfo').text(msg);
		}
	});
	
	//$('#zipcodeinfo').text('たろすけ');//たおｒすけ を zipcodeinfo にセット
	//alert($("#testarea").val());//要素を取得
}