JQueryでHTMLのElementの内容を設定する

782 ワード

次の例では、HTML 5でJQueryでHTMLのElementの内容を設定する方法を示します.JQueryとhtml()メソッドを使用します.
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	<p id="debug">The quick brown fox gets replaced by jQuery.</p>
	<input type="button" value="Set date" onclick="$('#debug').html(new Date().toLocaleString());" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

</body>
</html>

ソースのダウンロード:
  Setting-HTML-content-on-an-element-using-jQuery.zip