サル会社→鉄鋼メーカー→大学でお勉強→システムエンジニア→Webのお仕事→フリーランス→食品メーカー→次へ。・情報収集経験は人より多めです。DesignjQueryでありがちな、プログラミングのド忘れ凡ミスTweetPocket「あれ?パスもファイル名もあってるのに動かない・・・」基本中の基本のハナシ。JavaScript(jQuery)を書いて実行させようと思ったらうんともスンとも言わない。」と気づく日はいいんですけど、前の日飲み過ぎてたり徹夜あけだとやりがちなミス。2、30分悩み、当たり前のことに気づくことがたまにありますwそんな時はたいていここで引っかかるのでメモ。HTMLが読み込み完了してないのに$(セレクタ)で書き始めるjQueryの場合(他のもそうだけど)、以下の文をいきなり内で記述、あるいは別ファイルに記述して内で読込ませても実行されません。#hoge'がクリックされたときの処理;});当たりまえですね。#hoge’という要素が読込まれてません。HTMLがすべて読込まれてから実行するようにするにはやはり、ready()あるいはready()メソッド省略形の$function(){});で囲みます。});});しょーもない基本中の基本ですが、こんなんで「なんで今日はウゴカネェんだろう」とやっている悲しい自分がいますorz。hover()とmouseover()の挙動の違いもうこんなことするのはなくなりましたが、これからjQuery使うって人に知っておくべきなのは、hover()とmouseover()の違いです。hover()の場合は以下のような記述になるかと思います。});hover()メソッドの中に二つのfunction(){}を置いて、1つ目がマウスをオンしたときの動作、2つ目がマウスが離れた場合の動作処理を記述します。hoverイベントはマウスが重なったか離れたかだけを感知するものなので、子要素へマウスが移動したかどうかというのは感知しません。イベント後に拡がったエリアなどにマウスを移動しても、同一セレクタしていても一旦閉じて開くというようなmouseoverイベントのようなイラッとする動作はしません。mouseover()イベントで以下のような場合。'fast'));みたいなことをした場合は広がった領域にマウスを動かすと、再度開きなおします。(上記だけだとわからないと思いますが・・・)HTMLで子要素があった場合、そこにマウスが移動してもmouseover()イベント処理が実行されちゃいます。そんな時はhoverイベントを使いましょう。jQueryの中でCSSのプロパティ値を変えちゃうこれ、たまにやってる人いますけどやめてちょうだいね。メンテがヤバいくらいに面倒になります。$('セレクタ').css("background","#fffccc");・・・これをやり出すと途中で修正が入った場合、随所にコレがあったらCSSファイルもJSファイルも全て修正になるわけです。考えただけでゾッとしますorz他にもたくさんあるんだけど、とりあえず。サル会社→鉄鋼メーカー→大学でお勉強→システムエンジニア→Webのお仕事→フリーランス→食品メーカー→次へ。・情報収集経験は人より多めです。【フィットネス】腹筋割りたいならデッドリフトがホントにいちばん。