AJAXのお勉強

jQuery クリックイベント処理@AJAX

ボタンのクリックにイベント処理を実装します。

$(function(){})には、HTMLがロードし終わった後の処理を書きます。

そこで、click()にて、ボタンの処理を実装します。
これで、ボタンにonclickの処理を実装することができます。


<html>
<head>
<title>Ajax jQuery click</title>
<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript">
<!--

$(function(){
    $("#btn").click(function(){
        show();
    });
});


function show() {
    $("#result").load("test.txt");
}

// -->
</script>
</head>
<body>

<input type="button" id="btn" value="表示">
<div id="result"></div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.