jquery javascript

TOPページに戻る > jquery入門

スポンサード リンク

javascriptの基本

jqueryを扱う上で、最低限知っておきたいjavascriptの基本です
jqueryはjavascriptで書かれています。変数、if文などjqueryの中で使うこともできます

変数

変数とは数値や文字などを入れておく便利な箱です
変数名は自分で考えた名前を付ける事ができます
変数を使う時は、最初にvarとゆう宣言をつけます。varは最初の1回だけで2回目以降は必要ありません
下記はvarの後に半角スペースを入れてhogeとゆう名前の変数を作りました

var hoge;

変数に数字を入れてみます。15を代入しました

hoge = 15;

変数に文字を入れてみます。ほげを代入しました。文字列はダブルクォークションで囲みます

hoge = "ほげ";

変数にjqueryオブジェクトを入れてみます。ID属性がfooの内容のテキストをtext()メソッドで取得しhogeに代入しました

hoge = $("#foo").text();

変数を使う

変数に入れた値をjqueryで使うことができます。変数は文字列ではないのでダブルクォークションは必要ありません

var hoge = "ほげ";
$("#foo").text(hoge);

変数に入れた値を使って計算もできます。変数fooには30の値が入っています

var hoge = 15;
var foo =15 + hoge

文字+数字は、暗黙的に文字になります

var hoge = 15;
var foo ="文字" + hoge

if文で条件分岐

if(条件式){条件にあてはまった場合の処理}

例.hoge変数が15のときに処理を実行する

if(hoge==15){$("#foo").text(hoge);}

条件式一覧

条件式 説明
== 左辺と右辺が等しい
< 左辺より右辺のほうが大きい
> 右辺より左辺のほうが大きい
<= 左辺以上の値
>= 左辺以下の値
!= 等しくない場合
&& 左辺と右辺、両方の条件を満たした場合
|| 左辺と右辺、どちらかの条件を満たした場合

if文で条件分岐〜条件を複数指定する

else ifでもう一つの条件式を指定します。どの条件にも当てはまらないときは、elseの処理をします

if(条件式){条件にあてはまった場合の処理
}else if(条件式){条件にあてはまった場合の処理
}else{どの条件にも当てはまらなかった場合の処理}






(C)2012 ホームページ作成無料