Top > JavaScript > 2-1b

Reston

Java Script2-1+ jqueryでテキストと色を変更する

利用するメソッド
  • jQuery('# ')…2-1参照
  • .html()…jqueryで指定した場所にhtmlの変更を行わせる
  • .css()…jqueriで指定した場所にcssの変更を行わせる

スクリプト文

jQuery('#content p').html('jQueryで内容を書き換えました');
jQuery('#content p').css('color','#f00');

※「jQuery」は「$」に省略することが出来ます

スクリプト実行結果
「jQueryを試してみます(黒)」→「jQueryで内容を書き換えました(赤)」

jQueryを試してみます

Page Top△

← 2-1 1-12をjqueryを使用して書き換える
2-2 クリックすると開くツールボックスを作る →