sessanの日記

主に開発技術関連でお勉強したことをまとめていくサイトです。

jquery in actionを読み始める。

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

jQuery in Action

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!」