JavaScript - DOM(属性値の変更、attr()メソッド(jQiuery))

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第9章(DOM)の理解度チェック3、4、5を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

3.

問題を変えて、W3C DOMとjQueryを使った場合。

コード(TextWrangler)

var val1 = document.getElementById('text_id').value;
var val2 = $('#text_id').val();
var result = "W3C: " + val1 + "<br />" +
                    "jQuery: " + val2 + "<br />";
$('#pre0').html(result);

4.

コード(TextWrangler)

var fs = $('#content').attr('style');
if( fs =='font-size: 80%'){
  $('#content').attr('style','font-size: 200%');
} else {
  $('#content').attr('style','font-size: 80%');
}

id属性がcontentのdiv要素

5.

1. キャプチャーフェーズ
2. ターゲットフェーズ
3. バブリングフェーズ