ホームページの作り方(HP作成法)を解説

ホームページの作り方(HP作成法)

jQueryリファレンス

イベント関連の命令

イベント命令 処理内容
ready() ページ読み込み完了時
click() クリックした時
dblclick() ダブルクリックした時
mousedown() マウスボタンが押された時
mouseup() マウスボタンが離された時
toggle() クリック時(交互)
mouseover() マウスオーバー時
mouseout() マウスアウト時
one(“イベント”) 一度のみ発生
unbind(“イベント”) イベントの取り消し
live(“イベント”) 将来追加される要素
focus() フォーカス時
blur() フォーカスアウト時
change() フォーム入力変更時
submit() フォーム送信ボタンクリック時
hover() マウスオーバー/アウト時
scroll() スクロール処理時
bind(“イベント”) 指定したイベント発生時

処理関連の命令

処理命令 処理内容
text() テキストの取得と変更
html() htmlの取得と変更
prepend(..) htmlを挿入(要素内先頭)
append(..) htmlを挿入(要素内最後)
before(..) htmlを挿入(要素の前)
after(..) htmlを挿入(要素の後)
prependTo(..) htmlの移動(要素内先頭)
appendTo(..) htmlの移動(要素内最後)
insertBefore(..) htmlの移動(要素の前)
insertAfter(..) htmlの移動(要素の後)
wrap(..) 要素を他の要素で包む
wrapAll(..) 要素をまとめて他の要素で包む
wrapInner(..) 子要素・テキストを他の要素で包む
replace(..) 要素を他の要素に置き換える
remove(..) 要素を削除する
attr() 属性の値の取得と変更
removeAttr(..) 属性の削除
addClass(..) クラスの追加
removeClass(..) クラスの削除
css() CSSの取得と変更

アニメーション命令

animation命令 処理内容
s:スピード、c:コールバック関数、t:透明度(0~1)、m:動き
show(s,c) 徐々に表示
hide(s,c) 徐々に非表示
toggle(s,c) 表示・非表示を徐々に切替
slideDown(s,c) 縦スライドで表示
slideUp(s,c) 縦スライドで非表示
slideToggle(s,c) 表示・非表示をスライドで切替
fadeIn(s,c) フェードインで表示
fadeOut(s,c) フェードアウトで非表示
fadeTo(s,t,c) 指定した透明度に徐々に変更
animate(css,s,m,c) CSSの値を徐々に変更

その他の命令

処理命令 処理内容
data(“A”,B) AにBを保存
data(“A”) Aデータを取り出す
each(function(){}) 繰り返し処理実行
filter() 要素をセレクタで絞る
parent() 要素の親要素に移動
size() 要素の数を調べる
index(要素名) 要素の順番を調べる
offset() 要素の座標の取得
scrollTop() スクロールTOPを取得
height() 高さを取得
width() 幅を取得
get() jsの要素に変換
load(“ファイル名”) htmlの読み込み
parseInt() 整数に変換
if(A){B} AならばBする
if(A){B}else{C} AならばB、以外ならC

ページトップへ