まくまくJavaScriptノート
jQuery で Hello World
jQuery を使ったコードは、以下のような構成で組み立てていきます。
$(セレクタ).イベント(function() {
$(セレクタ).命令().命令().命令(); // 命令はチェーンできる
}
HTML が読み込み終わった時に自動的に実行される処理は、以下のように記述します。
$(document).ready(function() {
// jQuery を使った処理
});
以下のような省略記法も用意されています。
$(function() {
// jQuery を使った処理
});
以下の例では、jQuery のコードから、div 要素にテキストを追加しています。
<!DOCTYPE html>
<meta charset="UTF-8">
<title>jQuery Test</title>
<div id="message">Hello</div>
<script src="./jquery-1.8.3.min.js"></script>
<script>
$(function() {
$('div#message').append('<b>World</b>');
});
</script>
