イベントの割り当て

該当のdivをクリックしたら「test!」と表示されます。その他イベントの種類はhttp://semooh.jp/jquery/api/events/やhttp://docs.jquery.com/Eventsを見ればサンプルコードなど載っている。
要するにjavascriptは引数に関数もとれる、というwktkな言語ですよ、と。誰かの口癖みたいだｗ。「引数に関数をとることができる」は下段のコードを参照。var foo = function(){}というのは俗に言う無名関数です。

<script src="./jquery.js" type="text/javascript"></script>
<style>
.test {
	float: left;
	border: solid 1px;
	width: 100px;
}
.test2 {
	float: left;
	margin-left: 10px;
	background-color: red;
	border: solid 1px;
	width: 100px;
}
</style>
<script type="text/javascript">
$(function(){
	$("div.test").click(function(){
		alert('test!');
	});
	$("div.test2").click(function(){
		$(this).css("background-color", "blue");
		//$("div.test2").css("background-color", "blue");
	});
});
</script>

<div class="test">TEST</div>
<div class="test2">TEST2</div>

<script type="text/javascript">

var foo = function(){
	alert('I am foo!!');
};
var bar = function(){
	alert('I am bar!!');
};

function mayIhaveYour(name){
	document.write(typeof(name));
	name();
};
mayIhaveYour(bar);

</script>