HTML5とか今めちゃ流行ってるじゃん？
そんな感じでかなり前からJavaScriptを試行錯誤しながら学習しているのですが・・・
「全然分からん」
そう、AJAXが巷で流行り始めた頃から手を出しては、引込めという事を繰り返していたのですが、本腰を入れないと何時までも旧時代の作りしか出来ないなと。
で、数か月ちまちまやっていたのですが、はっきり言って
「分からん」
いや全く分からないわけじゃないんですけどね。言語なんか本質的には関係ないわけですよ。
それこそ、ベンダーオリジナル言語とかと比較すれば圧倒的に情報量は多いので調べれば分かるんですが、知れば知るほど奥が深いなと。
なぜJqueryを使うの？
AJAXが流行し始めた頃は、「prototype.js」が主流で今だと勝手に「jQuery」が主流だと思ってるわけだけどこの辺どうなんだろう。
jQueryの利用率はWebサイト全体の55％。使わないサイトの方が少数との調査結果。W3Techs － Publickey
みてわかる！jQuery入門 - ［1］JavaScriptライブラリの本命：ITpro
上記記事からも分かるように圧倒的なシェアを誇っている。
確かに私も「prototype.js」よりも「jQuery」の方が何か分かりやすかったような気がした。
だから、単純に「jQuery」を選択してみた。流行に乗るのも一つの手でしょう。
わざわざマイナー処を使用してサポートが終了するよりはいいかな。
$なのjQueryなの？意味が分からん
しかし、いざ初めて見ると色々とよく分からない事が多々存在する。
まず、一つは「$」と「jQuery」について。
サイトによってまちまちで何のこっちゃ。
かなり初歩的な事ですが、それでも初めのうちはなぜと思ってしまうものです。
結局、「jQuery」の別名が「$」という事。
なので下記のコードはどちらも同じ。
jQuery(document).ready(function(){
alert('OK');
});
$().ready(function(){
alert('OK');
});
$(function(){
alert('OK');
});
ちなみに「jQuery」であって「Jquery」でも「jquery」でもないので注意が必要です。
完全に私は間違って「Jquery」で覚えていました。
上記コードは、DOMが読み込まれた際に実行されるのですが、多少違いはあれどやっている事は同じです。
「jQuery」または「$」はjQuery本体のオブジェクトと捉えていいでしょう。
なのでこの場合、jQueryオブジェクトのready関数に無名関数を引数として渡しているだけです。
三番目の記述はready関数を呼び出していないように見えますが、実はjQuery内部でしっかりと呼び出しています。
どの書き方が正しくてどの書き方が間違っているとは言えませんが、一人でコーディングする際は好きなように記述すればいいのではないでしょうか。
ただ、プロジェクトで開発している際に好き勝手統一性のない書き方は好ましくないのでその辺りは考慮する必要があるでしょう。
