今日から使える JavaScript カスタム関数トップ 10
2006-02-13-2: [JavaScript]
- Top 10 custom JavaScript functions of all time
http://www.dustindiaz.com/top-ten-javascript
すぐにでも使える,気の利いた JavaScript の関数を 10 個紹介.
- 10) addEvent()
イベントリスナーを登録する関数.クロスブラウザ対応.結構有名.
- 9) addLoadEvent()
クロスブラウザな window.onload.onload する関数が幾つもある場合に.
- 8) getElementsByClass()
クラス名から要素を取得する関数.prototype.js にも getElementsByClassName() という名前である.
prototype.js の getElementsByClassName() との違いは,ノードを指定できること.
- 7) cssQuery()
CSS のセレクタを使って要素を取得する関数.例えば,
var tags = cssQuery("#foo p.bar a");
これで,id が foo のタグの孫要素で class が bar である p の孫要素 a タグが取得できる.
テストページ があるので見てみると分かりやすい.
- 6) toggle()
要素を表示したり隠したりする関数.prototype.js の Element.toggle() でも実現できる.
- 5) insertAfter()
既存の子ノードの後に新しいノードを挿入する関数.insertBefore() の逆.
prototype.js の Insertion.After() でも実現可.
- 4) inArray()
配列に値があるかチェックする関数というか Array オブジェクトの拡張.
以前同じようなのを作った.ちなみに関数名は PHP から (in_array()).
- 3, 2, & 1) getCookie(), setCookie(), deleteCookie()
3, 2, 1 位は Cookie を取得,セット,削除する関数.
- おまけ
prototype.js のダラー関数.$().確かにこれが最強だと思う.
各関数を作った人のリンクも用意されているので,それをみるともう少し情報が分かるかもしれない.
適当に見ていったので,間違っていたら指摘してください.