2011年5月7日土曜日

開発環境

  • Microsoft Windows 7 Home Premium (OS)
  • Internet Explorer 9 (Webプラウザ)
  • Microsoft Visual Web Developer 2010 Express Edition (IDE)
  • Script言語:JavaScript
  • JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の11章(ドキュメントオブジェクトモデル), 練習問題5を解いてみる。





11-6.

パラグラフに書き換える見出しを用意。

見出し

html(),replaceWith(),replaceAll()のメソッドを使った3パターン。

html()メソッドバージョン(これがinnerHTMLにあたるのかな?)

コード

$('#elem1').html('<p>見出し</p>');

 

replaceWith()メソッドバージョン

コード

$('#elem1 h1').replaceWith('<p>見出し</p>');

 

replaceAll()メソッドバージョン(replaceWith()メソッドと逆になる。)

コード

$('<p>見出し</p>').replaceAll('#elem1 h1');

 

おまけ: ちなみにclearのonclickに指定しているコード。

$('#elem1').html('<h1>見出し</h1>');

合わせて読んでいる書籍。

  1. 14章でPHPとJavaScriptを組み合わせたWebアプリケーションが登場したので『初めてのPHP & MySQL 第2版』(Micbele E. Davis、Jon A. Phillips 著、西沢 直木 訳、オライリー・ジャパン、2008年、ISBN978-4-87311-365-4)
  2. JavaScriptのライブラリーを活用できるようになるために『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)
  3. JavaScript、APIを使って遊ぶために『Google Maps Hacks 第2版 ―地図検索サービスをもっと活用するテクニック』(Rich Gibson, Schuyler Erle 著、武舎 広幸、福地 太郎、武舎 るみ 訳、オライリー・ジャパン、2007年、ISBN978-4-87311-341-8)
  4. HTML5について学習するために『入門 HTML5』(Mark Pilgrim 著、矢倉 眞隆 監訳、水原 文 訳、オライリー・ジャパン、2011年、ISBN978-4-87311-482-8)

0 コメント:

コメントを投稿