アメブロでJQueryを使う時の注意点 | アメブロ解体新書

アメブロ解体新書

Amebaブログウォッチング・・・

アメブロカスタマイズではもはや必須の「JQuery」。

命令文がシンプルなのでJavaScriptのことがよく解ってない人でも使えます。

特に要素やCSSを簡単にコントロールできるのでWEBデザイナーにも大人気です。

$(document).ready(function(){
ここにやりたいことを記入する
});


通常はこんなかんじで書きます。これは

「ページを読み終わったら命令を実行する」

って意味です。

命令のタイミングが関係しない場合は

$(function(){
ここにやりたいことを記入する
});


フリープラグインの文字数制限があるアメブロの場合はこっちで書いたほうが文字数を節約できます。

あと、他のライブラリーとのコンフリクトを避けるために

jQuery(function(){
ここにやりたいことを記入する
});


「$」を「jQuery」に変更します。

JQueryが流行る前にprototypeっていうJSライブラリがあったんですが関数の文頭にJQueryと同じ「$」を使ってるのでJQueryとprototypeを併用している場合は動きません。