jQuery

Memo__________

【jQueryの始め方】
$(function(){この中にコードを記述していく}):

【jQueryの使い方】
$(‘セレクタ’).処理(引数);

$(‘セレクタ’).イベント(function(){});
$(‘セレクタ’).イベント(function, (function(){});{});

var 変数名 = $(セレクタ).メソッド(引数);
変数名を指定する際イコールの後に入れる変数は$()で囲む。

【複数セレクタの指定はコンマを入れる】
$(‘セレクタ1, セレクタ2’)

【特定の要素の指定はスペースを入れる】
$(‘タグ1 セレクタ1’)

【要素の扱い方】
$(’セレクタ’)
外部ファイルから持ってきたデータは’’で囲う
jsで指定したデータは変数名のみで使用（変数の定義のときは$()で囲う）

【’’→空文字列】

Elements__________

$(‘セレクタ’).処理(引数);
$(‘セレクタ’).イベント(function(){});
$(‘セレクタ’).イベント(function, (function(){});{});
$(this)
var 変数名
変数を定義

・関数を定義
function 関数名(){処理}
関数名();（←で呼び出し）

・フェードイン/アウト
fadeIn();
fadeOut();

・要素を非表示
hide();

・要素を表示
show();

・子要素の所得
find(‘要素名’);

・クラスを持っているかの判定
hasClass(‘クラス名’);

・クラスの追加
addClass(‘クラス名’);

・クラスの削除
removeClass(‘クラス名’);

・インデックス番号の指定
eq(指定番号);

・指定要素のインデックス番号の所得
index($(‘要素名’));

・指定要素の1つ前の要素を所得
prev($(‘要素名’));

・指定要素の1つ後の要素を所得
next($(‘要素名’));

・テキストの入力（’引数に入力テキストを記入’）もしくは、
テキストの所得（所得したい場合は引数を入力しない）
text(引数);

・htmlやcssの要素の入力+所得
html();
css();

・htmlの属性要素の入力+所得
attr(‘属性名’, ‘属性値’)
attr();

・inputタグの要素の所得
val();

・要素のtopとleftの位置を所得
offset();
offset().top;とすればtopの位置のみ所得

・ホバーイベント
hover(function(){カーソル合わせた時の処理},function(){外した時の処理});

・サブミットイベント（送信が送られたときのイベント）
submit(function (){処理});

・アニメーション
animate({‘プロパティ’: ‘値’});
・scrollTop(0);（引数にはページトップからの距離を記入）
通常はhtmlとbodyを指定し使う。
$(’html, body’).scrollTop(0);

・要素の数を所得
length
※配列では0が1ということに気をつける。