jQueryでボタンをクリックすると表示するプログラム

naohiro19
記事: 256
登録日時: 14年前
住所: 愛知県

jQueryでボタンをクリックすると表示するプログラム

投稿記事 by naohiro19 » 10年前

HTML5仕様のため実行にはGoogle ChromeやFirefox、Opera、IE9以上の対応した最新ブラウザが必要です。
[codehtml]





ボタンクリックのテスト

$(document).ready( function() {
$("input:button").click(function() {
$("#disp").text("表示テスト");});
});







[/code]
[hr]
「テスト」を押すとdivのID「disp」に「表示テスト」という文字が表示されます。
jQueryはJavaScriptを簡単に扱えるライブラリです。
公式サイトへのリンク

getElementByIdをしなくてもぷjQueryでテキストの取得や設定が簡単に行えます。

コメントはまだありません。