jquery in actionを読み始める。

jqueryは詳しくなっておこうと思い、この間買ったjquery in action（第2版）を読む。

jQuery in Action

とりあえず、今日読んでいて気にいったコードを紹介。

var checkedValue;
var elements = document.getElementByTagName('input');
for (var n=0; n<elements.length; n++){
  if (elements[n].type == 'radio' && elements[n].name == 'someRadioGroup' && elements[n].checked){
    checkedValue = elements[n].value;
  }
}

これは、ラジオボタンのグループから、チェックされている値を取得する生のjavascript。
jqueryで書くと下のような感じ。さすが。

var checkedValue = $('[name="someRadioGroup"]:checked').val();

全11章中、1章を読んだ。
日本語で読めるjQuery本は立ち読みした限りではショボいものが多いが、この本は体系的にjQueryの深い知識を構築していけるように思える。
前読んだ日本語の書籍では説明が少なかったAjaxの部分に1章当てられているのと、jQueryの拡張方法について説明があるのが嬉しい。

• 第1部　「Core jQuery」
  • 第1章　「Introducing jQuery」
  • 第2章　「Selecting the elements upon which to act」
  • 第3章　「Bringing pages to life with jQuery」
  • 第4章　「Events are where it happens!」
  • 第5章　「Energizing pages with animations and effects」
  • 第6章　「Beyond the DOM with jQuery utility functions」
  • 第7章　「Expand your reach by extending jQuery」
  • 第8章　「Talk to the server with Ajax」
• 第2部　「jQuery UI」
  • 第1章　「Introducing jQuery UI: themes and effects」
  • 第2章　「jQuery UI mouse interactions: Follow that mouse!」
  • 第3章　「jQuery UI widgets: Beyond HTML controls」
• appendix 「JavaScript that you need to know but might not!」