戻る

JQuery

目次


初期設定

メソッドの記述方法

セレクタ

記述名称説明
$("タグ名")要素セレクタ指定したタグ名に当てはまるすべてのタグ
$("#ID名")IDセレクタ指定したidが設定されているすべてのタグ
$(".クラス名")classセレクタ指定したクラス名の設定されているすべてのタグ
$("タグ名1,タグ名2")グループセレクタ指定したタグ名のすべてのタグ
$("タグ名 > 子要素名")子要素セレクタタグ名に指定されている要素の、子要素名で指定した子要素
$("タグ名 子孫名")子孫セレクタタグ名で指定された要素の子孫となる子孫名で指定された要素
$([属性名])属性セレクタ指定された属性名が設定されているすべてのタグ
$([属性名]='値')属性セレクタ指定された属性名と値が設定されているすべてのタグ
$([属性名]!='値'属性セレクタ指定された属性名に、指定した値以外が入っているすべてのタグ
$("要素名:odd")jQueryフィルタ指定した要素名のうち奇数番目のもの
$("要素名:even")jQueryフィルタ指定した要素名のうち偶数番目のもの

メソッド

記述説明
.html(string str)HTML文字列を設定、取得
.text(string str)文字列を設定、取得
.val(string str)要素のvalue属性の値を設定、取得
.css(sring str,string[int] val)要素のcssプロパティの値を設定、valを省略で取得
.prepend(string html)先頭にhtmlを追加する
.append(string html)末尾にhtmlを追加する
.before(string html)指定要素の前にhtmlを追加する
.after(string html)指定要素の後にhtmlを追加する
.remove()指定要素を削除する
.attr(string attrname,string[int] val)指定した属性名と値を設定、変更、valを省略で取得
.removeAttr(string attrname)指定した属性を削除する
.addClass(string[int] val)要素のclass属性に指定した値を追加する
.removeClass(string[int] val)要素のclass属性に指定した値を削除する
.insertBefore(移動先セレクタ)
.insertAfter(移動先セレクタ)

イベント

イベント名発生タイミング
click要素をクリックしたとき
dbclick要素をダブルクリックしたとき
toggle要素をクリックするたびに発生
mouseover要素内にマウスが入ったとき
mouseout要素内からマウスが出たとき発生
hover要素内にマウスが入ったときと出て行ったとき
resizeウィンドウのサイズを変更したとき
scrollスクロールしたとき
focusフォーカスが入ったとき
blurフォーカスが外れたとき

アニメーション効果

効果名内容
.show(? time,? speed,function fnc)要素を表示する
.hide(? time,? speed,function fnc)要素を非表示にする
.fadeIn(? time,? speed,function fnc)要素をフェードインする(徐々に表示される)
.fadeOut(? time,? speed,function fnc)要素をフェードアウトする(徐々に消える)
.slideDown(? time,? speed,function fnc)要素をフェードダウンしながら表示する(上から下がって表示される)
.slideUp(? time,? speed,function fnc)要素をスライドアップしながら表示する(上にあがって非表示になる)
.animate(? time,? speed,function fnc)アニメーション効果を自分でカスタマイズする
時間
slowゆっくり(600ms)
normal普通(400ms)
fastはやい(200ms)
整数値ms
スピード
swing(default)最初と最後がゆっくり
linear一定のスピード

トップへ戻る


トップへ戻る


トップへ戻る


トップへ戻る


トップへ戻る


トップへ戻る