プログラミング学習の記録 538.1 『初めてのJavaScript 第2版』(シェリー・パワーズ著、武舎広幸+武舎るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5)の9章(ブラウザオブジェクトモデル)の練習問題5

開発環境

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

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

9-5.

このウェブページ内のform要素へアクセスするために利用できるいくつかの手法。(問題では2つとあるけど3つの手法を使ってみる)

id属性を利用してアクセスする方法。

コード

var text = $('#f0').text();
alert(text);

form要素: id属性が「f0」の要素内のテキスト

 

class属性を利用してアクセスする方法。

コード

var text = $('.f0').text();
alert(text);

form要素: class属性が「f0」の要素内のテキスト

 

forms集合のindexからアクセスする方法。

コード

// indexを指定して取得するには要素の後「:eq(index)」を使用
var text = $('form:eq(3)').text();
alert(text);

form要素: forms集合のindexが3(このドキュメント内でこのform要素は4つ目(サーチボックス、上記の2つのform要素)になる。indexは0からなので4つ目のindexは3)の要素内のテキスト

 

jQueryライブラリーの使い方も簡単なのにはだんだん慣れてきた。要素を取得するのが簡単で楽しい！

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

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)