jQueryを使い、文字列「Hello World!」を出力してみよう。
サンプル
サンプルのソースコード
<p id="sampleOutput"></p>
<script>
jQuery( function() {
jQuery( '#sampleOutput' ) . text( 'Hello World!' );
} );
</script>
<script>
jQuery( function() {
jQuery( '#sampleOutput' ) . text( 'Hello World!' );
} );
</script>
サンプルのソースコードの解説
jQuery
<script>
jQuery( function() {
// DOMの読み込みが完了したときに、無名関数を実行
jQuery( '#sampleOutput' ) . text( 'Hello World!' );
// id属性が「sampleOutput」である要素に、文字列「Hello World!」を出力
} );
</script>
jQuery( function() {
// DOMの読み込みが完了したときに、無名関数を実行
jQuery( '#sampleOutput' ) . text( 'Hello World!' );
// id属性が「sampleOutput」である要素に、文字列「Hello World!」を出力
} );
</script>
API
使用したjQuery API。
HTML
<p id="sampleOutput"></p>
文字列「Hello World!」を出力する、id属性が「sampleOutput」であるp要素。