日本語を記入すると文字化けした話。Commentsプログラミング基礎文法最速マスターまとめにMooToolsが無かったからカッとなって(ryMooToolsについての概要はウィキペディアをご覧ください。Wikiにも書いてある通り、MooToolsはオブジェクト指向の慣習とDRY原則に従っているためOOPな言語を習得しているのであればその知識が大いに役立つフレームワークです。MooToolsが詳しいです。私がMooToolsを選んだときは既にjQueryが登場していましたが、遭えてMooToolsを選んだのは「PHPと同時進行で覚えやすかった」のと、「文法がJavaScriptのそれであるから」です。PHPのことがなかったりJavaScriptの基礎が無ったりしていたらjQueryを選んでいただろうと思います。1つ覚えてしまえば後は似たようなものなので、今自分にとって一番使いやすい道具を選んでおけばいいんじゃないかと思います。MooToolsの読み込み公式サイトで配布されているファイルは大きく分けてCoreとMoreの二つ!CoreがMooToolsを利用するのに最低限必要となるコンポーネントで、Moreは機能拡張の為のおまけ。Forgeはユーザーが作ったプラグイン置き場です。Clientcideにもプラグインが色々とあります。Coreを入手して、MoreやForgeに使いたいものがあれば合わせて使うという感じになる。公式サイトからダウンロードするダウンロードページを開くとバージョン1.3のリンクがいくつか並んでいます。MooToolsは最近1.2.5から1.3にバージョンアップしたのですが、1.3で使用できなくなった関数が前バージョンである1.2.5以前に存在するため後方互換版があります。compatibilityの方が良いかもしれません。Builderを使って必要な機能だけまとめたスクリプトファイルを作ることも出来ます。チェックしてダウンロードボタンを押すだけなのでとてもお手軽です。APIはCoreしか使えませんが、ちょっと試したい時なんかにはとても便利です。{uncompressed:true});他のフレームワークと併用するjQueryとかprototype.jsみたいな主要なフレームワークはドル関数を使っているので何も対策しないでそのまま使おうとすると100%エラーが発生しますが、MooToolsと共存させる場合は次項目にあるクロージャを使うだけでOK。StarterJavaScriptの基本に加え、以下を利用できます。Mode)他のフレームワークと併用した場合に$関数でエラーが出るのを防ぐことが出来ます。MooTools単体で使用するなら使わなくても問題ないです。{//ここに記述})(document.id);DOM読み込み完了時に実行させるwindowオブジェクトに対しaddEventを使います。この関数は他の要素にも使用できます。Object、$$関数を使用した場合は配列になります。IDでゲットするdocument.idかそのエイリアスである$関数を使用します。document.id('myElement');タグ名やクラス名などでゲットするCSSのセレクタを使いたいなら$$関数です。セレクタはCSS3まで対応しています。strong');要素の子を取得するgetElementまたはgetElements関数を使います。引数には$$関数と同じ要領でCSSのセレクタを使う事が出来ます。