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>
|