jQueryの書き方


2011.08.16 もう少しまとめた → 続・jQueryの書き方

jQueryのプラグインが便利なのでイロイロ使っていると変数が衝突したり、prototype.js(最近は全然使わないなあ…)と同時に読むとコンフリクトしたりとかあるので、最低でも自分で書いたトコだけでも回避できると心配事がひとつ減っていいよね。
という事であちこち参考にしつつ、今現在使っている書き方を。

1
2
3
(function($){
// ここでは $ は jQuery として使える
})(jQuery);

だいたいこの記述を<head>タグ内に書くか、または<head>タグから<script>タグで読み込むので、onload後に処理をするために次のようにする事が多いかな。

1
2
3
4
5
(function($){
  $(function(){
    // onload後の処理はここに書く
  });
})(jQuery);

以前は $ を使わず全部 jQuery(‘#id’).click… のように書いてたけど、そんな事みんなせんのね…

2011.01.07 追記
コメントで下記のような書き方教えてもらいました。
こっちの方が見た目スッキリしていてカッコイイですね。

1
2
3
jQuery(function($){
  // onload後の処理はここに書く
});

「jQueryの書き方」への2件のフィードバック

    1. ありがとうございます!!
      こっちの方が見た目スマートですね。
      ありがたく使わさせて頂きます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です