jquery入門

TOPページに戻る > jquery入門

スポンサード リンク

jquery入門

初心者のためのjquery入門講座
初心者向けにjqueryをわかりやすく説明しているサイトです。基礎から実際に動かすところまでやっていきます
jqueryはjavascriptさえ使えるブラウザなら古いブラウザでも使えるのがうれしいところです

jqueryの基礎知識
jqueryとは
jqueryの機能、特徴、ライセンスについて
jqueryの使い方
jqueryの使い方
jqueryセレクタ
jqueryセレクタの使い方
jquery属性セレクタ
jquery属性セレクタの使い方
jquery css3セレクタ
jquery css3セレクタの使い方
jquery独自フィルター
jquery独自フィルターの使い方
jquery formフィルター
jqueryフォームフィルターの使い方
window document
jqueryでブラウザの表示領域に対するサイズや位置情報を取得
javascriptの基礎
変数やif文などjqueryでも使える基礎知識
javascriptのメソッド
jqueryでも使える便利なjavascriptのメソッド
jqueryメソッドでhtmlを操作する
text()
テキストを取得、変更する
html()
HTMLを取得、変更する
attr()
指定した要素の属性の値を変更、取得する
prepend()
指定した要素の内容の先頭に挿入する
append()
指定した要素の内容の先頭に挿入する
before()
指定した要素の前に挿入する
after()
指定した要素の後ろに挿入する
prependTo()
指定した要素を引数で指定した要素の内容の先頭に移動する
appendTo()
指定した要素を引数で指定した要素の内容の最後に移動する
insertBefore()
指定した要素を引数に指定した要素の前に移動します
insertAfter()
指定した要素を引数に指定した要素の後ろに移動します
wrap()
指定した要素を引数に指定した要素で囲みます
wrapAll()
指定した要素を引数に指定した要素でまとめて囲みます
wrapInner()
指定した要素の子要素を引数に指定した要素で囲みます
replaceWith()
指定した要素を引数に指定した要素に置き換えます
addClass()
指定した要素にclass属性を追加します
removeClass()
指定した要素のclass属性を削除します
remove()
指定した要素を削除します
empty()
指定した要素の子要素を全て削除します
jqueryメソッドでcssを操作する
css()
指定したHTML要素のcssを指定、値の取得をします
parseInt()
cssプロパティの値に文字列が入っていた場合に数値のみに変更するメソッドです
width()
指定した要素の幅を取得、変更するメソッドです
height()
指定した要素の高さを取得、変更するメソッドです
innerWidth()
指定した要素の内側の横幅を取得するメソッドです
innerHeight()
指定した要素の内側の高さを取得するメソッドです
outerWidth()
指定した要素の外側の横幅を取得するメソッドです
outerHeight()
指定した要素の外側の高さを取得するメソッドです
offset()
可視状態にある指定したHTML要素の表示位置を取得するメソッドです
position()
指定した要素の親要素からのpositionのtopとleftの値の取得をします
toggleClass()
指定した要素にclassを追加、削除するメソッドです
hasClass()
指定したHTML要素のclass名が一致しているか判定するのに使うメソッドです
jQuery.cssHooks()
CSSプロパティに登録.css()の処理を 上書き(追加)できるメソッドです
jqueryメソッドでイベントを使う
click()
指定した要素がクリックされたときの動作を指定します
dblclick()
指定した要素がダブルクリックされたときの動作を指定します
mousedown()
指定した要素がマウスダウンしたときの動作を指定します
mouseup()
指定した要素がマウスアップしたときの動作を指定します
toggle()
指定した要素クリックしたとき処理を交互に切り換えます
mouseover()
指定した要素と子要素にマウスオーバーしたときに実行されるメソッドです
mouseout()
指定した要素と子要素からマウスが外れたときに実行されるメソッドです
mouseenter()
指定した要素にマウスオーバーしたときに実行されるメソッドです
mouseleave()
指定した要素からマウスアウトしたときに実行されるメソッドです
hover()
指定した要素にマウスがホバーしたときに実行されるメソッドです
mousemove()
指定した要素の上でマウスが動いたときに実行されるメソッドです
one()
指定した要素のイベントを1度だけ実行するメソッドです
bind()
指定した要素のイベントに処理を関連付けします
unbind()
指定した要素に関連付けされたイベントハンドラを削除します
live()
指定した要素に動的に追加された場合にも実行できるメソッドです
die()
指定した要素にlive関数で登録したイベントを削除するメソッドです
delegate()
指定した要素に限定し動的に追加された場合にも実行できるメソッドです
undelegate()
delegate()で登録したイベントからハンドラを削除します
on()
.bind()、.live()、.delegate()のイベントAPIをまとめた機能をもったメソッドです
off()
登録したイベントハンドラを削除できるメソッドです
resize()
windowサイズが変更になったときに処理を実行する
trigger()
要素に指定したイベントを発生させます
フォーム用のイベントを使う
val()
フォームに入力されているvalue属性の値を取得、変更する
focus()
指定した要素にフォーカスがあたるとになったときに実行するメソッドです
blur()
指定した要素からフォーカスがはずれるときに実行するメソッドです
change()
指定した要素の値が変更されたときに実行するメソッドです
submit()
フォームの送信ボタンを押したときに実行するメソッドです
アニメーション効果、エフェクト
show()
指定した要素をアニメーションで表示できるメソッドです
hide()
指定した要素をアニメーションで非表示にするメソッドです
toggle()
指定した要素をアニメーションで表示/非表示するメソッドです
slideDown()
指定した非表示の要素をスライドでアニメーションしながら表示するメソッドです
slideUp()
指定した要素をスライドアニメーションしながら非表示するメソッドです
slideToggle()
指定した要素をスライドアニメーションで表示/非表示するメソッドです
fadeIn()
指定した要素をフェードインアニメーションで表示できるメソッドです
fadeOut()
指定した要素をフェードアウトアニメーションで非表示にできるメソッドです
fadeTo()
指定した要素の透明度のアニメーションを調節できるメソッドです
fadeToggle()
指定した要素の透明度のアニメーションを表示/非表示にするメソッドです
animate()
指定した要素に適用しているcssプロパティの値を変更してアニメーションするメソッドです
stop()
指定した要素の現在動作中のアニメーション処理を全て中止します
delay()
指定した要素のアニメーション処理を指定した時間停止します
queue()
指定した要素で実行される関数のキューを表示したり、操作するメソッドです
dequeue()
指定した要素に設定したキューに待機している先頭の処理を実行するメソッドです
clearQueue()
指定した要素に設定したキューのなかでまだ実行されていない全ての関数を削除します
jQuery.fx.off
全てのアニメーション処理を無効にします
jQuery.fx.interval
アニメーションする速度を設定します(ミリ秒単位)
Ajax
load()
指定した外部ファイルを読み込む/表示するメソッドです
ajax()
様々な外部ファイルを読み込むメソッドです
ajaxStart()
ajaxSend()
ajaxSuccess()
ajaxError()
ajaxComplete()
ajaxStop()
Ajaxの送信開始に処理を実行する
Ajaxの送信前に処理を実行する
Ajaxの送信成功時に処理を実行する
Ajaxの送信エラー時に処理を実行する
Ajaxの送信完了時に処理を実行する(送信の成功/失敗にかかわらず実行される)
Ajaxの送信完了時に処理を実行する(全ての送信が完了したとき)
良く使う処理
each()
指定した要素に繰り返し処理をするメソッドです
index()
指定した要素のindex番号を取得するメソッドです
size()
セレクタで指定した要素の数を取得するメソッドです
data()
名前とデータをセットにして設定、取得するメソッドです
removeData()
dataメソッドで設定したデータを削除するメソッドです
スクロール
scroll()
指定した要素の範囲でスクロールした場合に処理を実行するメソッドです
scrollTop()
指定した要素をスクロールしたときの上位置を取得するメソッドです
scrollLeft()
指定した要素を左からスクロールした位置を取得するメソッドです
要素を検索する(トラバースメソッド)
prev()
指定した要素の一つ前の要素を指定します
next()
指定した要素の次の要素を指定します
prevAll()
指定した要素の前の兄弟要素を全て指定します
nextAll()
指定した要素の次の兄弟要素を全て指定します
siblings()
指定した要素の兄弟要素を全て指定します
parent()
指定した要素の親要素を指定します
children()
指定した要素の子要素を指定します
parents()
指定した要素の先祖要素を指定します
find()
指定した要素の子孫要素を指定します
first()
指定した要素の内容の最初の要素を指定します
last()
指定した要素の内容の最後の要素を指定します
eq()
指定した要素の内容の指定した番号の要素を指定します
end()
一つ前の処理に指定されているセレクタと処理を元の状態に戻します
メソッド作成
メソッドを作る方法
自分でメソッドを作る方法
extend()
jQueryメソッドを拡張するメソッドです






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