学生なのでご容赦ください。私のインストラクターは私たちに 5 つの YouTube ビデオを見させ、今では標準の JavaScript の代わりに JQuery を使用してプログラミングすることを期待しています。私がやりたいことは、要素を別のファイルの要素と交換することだけです。
ここに私のHTMLコードがあります:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Testing JQuery</title>
<script src="jquery-1.7.2.min.js"></script>
</head>
<body>
<h1 id="header">Testing JQuery</h1>
<p id ="dummy">Lorem Ipsum </p>
<script src="changes.js"></script>
<form name="input" action="changes.js">
<input type="button" value="Change the Header">
</form>
</body>
</html>
これが私のJavaScript/JQueryコードです:
$(document).ready(function() {
$('input').click(function() {
var url = $(this).attr('form');
$('#header').load( greeting.html + '#ajax h1');
return false;
});
});
3 番目のファイルは greeting.html と呼ばれ、これが含まれているすべてです。
<h1 id="ajax">Hello from jQuery with AJAX</h1>