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ということに気をつける。
この記事が気に入ったらサポートをしてみませんか?