とほほのjQuery入門
トップ
jQuery
目次
目次(カテゴリ順)
リンク
記号($)
$("#
id
")
... IDで指定した要素
$("*")
... 全ての要素
$(
...
)
... jQueryの基本形
$("
ancestor descendant
")
... 子孫要素
$(
callback
)
... ドキュメント読み込み完了時のコールバック
$(".
class
")
... クラスで指定した要素
$("
element
")
... タグ名で指定した要素
$(
html
)
... HTML要素
$("
parent
>
child
")
... 子要素
$("
prev
+
next
")
... 兄弟要素(直後)
$("
prev
~
siblings
")
... 兄弟要素(後続)
$("
selector1
,
selector2
,
selectorN"
)
... 条件の複数指定
$(
selector
)
... セレクタ
記号([...])
[
name
]
... 指定した属性を持つ要素
[
name
='
value
']
... 属性の値が
value
である要素
[
name
!='
value
']
... 属性の値が
value
以外の要素
[
name
*='
value
']
... 属性の値が
value
を含む要素
[
name
~='
value
']
... 属性の値が
value
を含む要素
[
name
$='
value
']
... 属性の値が
value
で終わる要素
[
name
^='
value
']
... 属性の値が
value
で始まる要素
[
name
|='
value
']
... 属性の値が
value
-で始まる要素
[
...
][
...
]
... 複数の属性にマッチする要素
A
.add()
... セレクタにマッチした要素を加える
.addBack()
... next()やfind()などの操作を行う前の要素と行った後の要素の集合
.addClass()
... クラスを追加する
.after()
... 要素の直後にコンテンツを挿入する
$.ajax()
... Ajaxを呼び出す
.ajaxComplete()
... Ajax完了時のコールバックを指定する
.ajaxError()
... Ajaxエラー時のコールバックを指定する
$.ajaxPrefilter()
... Ajax呼び出し時のプレフィルタ関数を設定する
.ajaxSend()
... Ajax送信時のコールバックを指定する
$.ajaxSetup()
... Ajaxのオプションを設定する
.ajaxStart()
... Ajax開始時のコールバックを指定する
.ajaxStop()
... Ajax中止時のコールバックを指定する
.ajaxSuccess()
... Ajax成功時のコールバックを指定する
$.ajaxTransport()
... Ajaxの送信関数を高速版等に置き換える
.andSelf()
... next()やfind()などの操作を行う前の要素と行った後の要素の集合
.animate()
... アニメーションを行う
:animated
... アニメーション実行中の要素
.append()
... 要素の内側の最後にコンテンツを挿入する
.appendTo()
... コンテンツを要素の内側の最後に挿入する
.attr()
... 属性値を参照・設定する
B
.before()
... 要素の直前にコンテンツを挿入する
.bind()
... イベントハンドラを割り当てる
.blur()
... フォーカスがはずれた時
$.boxModel
... CSSボックスモデルのサポート可否を得る
$.browser
... ブラウザ情報を得る
:button
... type="button" の要素
C
$.Callbacks()
... コールバックオブジェクトを生成する
callbacks.add()
... コールバックオブジェクトにコールバック関数を追加する
callbacks.disable()
... コールバックオブジェクトを無効化する
callbacks.disabled()
... コールバックオブジェクトの無効化状態を調べる
callbacks.empty()
... コールバックオブジェクトを空にする
callbacks.fire()
... コールバックオブジェクトのコールバック関数を呼び出す
callbacks.fireWith()
.. thisを指定してコールバック関数を呼び出す
callbacks.fired()
... コールバック関数が呼び出されたか否かを調べる
callbacks.has()
... コールバックオブジェクトにコールバック関数が登録されているか否かを調べる
callbacks.lock()
... コールバックオブジェクトをロックする
callbacks.locked()
... ロールバックオブジェクトがロックされているか調べる
callbacks.remove()
... コールバックオブジェクトからコールバック関数を削除する
.change()
... 値が変更された時
:checkbox
... type="checkbox" の要素
:checked
... checked された要素
.children()
... 子孫要素群
.clearQueue()
... アニメーションキューをクリアする
.click()
... クリックされた時
.clone()
... 要素群をコピー(複製)する
.closest()
... セレクタにマッチするもっとも近い祖先要素
:contains()
... 指定したテキストを含む要素
$.contains()
... 要素が内包されているかを調べる
.contents()
... テキストやコメントも含めた子要素群
.context
... 現在のコンテキストを得る
.contextmenu()
... 右クリックされた時
.css()
... CSSを参照・設定する
$.cssHooks
... 新しいCSSプロパティを擬似的に定義する
$.cssNumber
... 単位無しのCSSプロパティの集合
D
.data()
... オブジェクトにkey=valueのデータを設定する
$.data()
... 要素にkey=valueデータを設定する
.dblclick()
... ダブルクリックされた時
$.Deferred()
... Deferredオブジェクトを生成する
deferred.always()
... 解決または棄却状態になった時のコールバック関数を設定する
deferred.catch()
... 棄却状態や例外をキャッチするコールバック関数を設定する
deferred.done()
... 解決状態になった時のコールバック関数を設定する
deferred.fail()
... 棄却状態になった時のコールバック関数を設定する
deferred.isRejected()
... 棄却されたか否かを調べる
deferred.isResolved()
... 解決したか否かを調べる
deferred.notify()
... Deferredオブジェクトの状態を通知する
deferred.notifyWith()
... Deferredオブジェクトの状態を通知する
deferred.pipe()
... (廃止)
deferred.progress()
... 未解決中のコールバック関数を設定する
deferred.promise()
... Promiseオブジェクトを参照する
deferred.reject()
... Deferredオブジェクトを棄却状態にする
deferred.rejectWith()
... Deferredオブジェクトを棄却状態にする
deferred.resolve()
... Deferredオブジェクトを解決状態にする
deferred.resolveWith()
... Deferredオブジェクトを解決状態にする
deferred.state()
... Deferredオブジェクトの状態を調べる
deferred.then()
... 解決・棄却・未解決中のコールバック関数をまとめて設定する
.delay()
... アニメーションキューにディレイ(遅延)を設定する
.delegate()
... live()の効率をあげるための絞り込み(非推奨)
.dequeue()
... アニメーションキューを削除する
$.dequeue()
... アニメーションキューを削除する
.detach()
... 要素群の中からセレクタにマッチするものを削除する(退避削除)
.die()
... live()で追加されたハンドラを削除(非推奨)
:disabled
... disabled された要素
E
.each()
... 要素群に対して関数を実行する
$.each()
... 配列を処理する
.empty()
... 子要素をすべて削除する
:empty
... 空の要素
:enabled
... enabled された要素
.end()
... next()やfind()などの操作を行う前の要素
.eq()
... N番目の要素
:eq()
... N番目の要素
.error()
... 読み込みエラーが発生した時
$.error()
... 開発者機能
$.escapeSelector()
... セレクタのメタ文字を無効化する
:even
... 偶数番目の要素
event.currentTarget
... 現在のターゲット要素(this)
event.data
... イベントで指定されたデータ
event.delegateTarget
... 委任を行った要素
event.isDefaultPrevented()
... デフォルト動作が抑制されているか否か
event.isImmediatePropagationStopped()
... 他のハンドラへの伝搬が抑制されているか否か
event.isPropagationStopped()
... イベント伝搬が抑制されているか否か
event.metaKey
... メタキーが押されていたか否か
event.namespace
... イベントのネームスペース
event.pageX
... イベントが発生したX座標
event.pageY
... イベントが発生したY座標
event.preventDefault()
... リンクジャンプなどのデフォルト動作を抑制する
event.relatedTarget
... 移動元、移動先などの関連要素
event.result
... 他のイベントハンドラから返却された値
event.stopImmediatePropagation()
... 他のイベントハンドラへの伝搬を抑制する
event.stopPropagation()
... 親要素へのイベントの伝搬を抑制する
event.target
... イベントが発生した要素
event.timeStamp
... イベントが発生した日時
event.type
... イベントタイプ
event.which
... キーコードやマウスボタン番号
$.extend()
... 要素配列をマージする
F
.fadeIn()
... フェードインする
.fadeOut()
... フェードアウトする
.fadeTo()
... フェードイン・アウトを制御する
.fadeToggle()
... フェードイン・アウトを切り替える
:file
... type="file" の要素
.filter()
... セレクタにマッチする要素群
.find()
... セレクタ等にマッチする子孫要素群
.finish()
... アニメーションを停止・クリア・完了させる
.first()
... 最初の要素
:first-child
... 最初の子要素
:first-of-type
... 最初の同タグの子要素
:first
... 最初の要素
.focus()
... フォーカスがあたった時
:focus
... フォーカスが当たっている要素
.focusin()
... フォーカスがあてられた時
.focusout()
... フォーカスがはずれた時
$.fx.interval
... アニメーションのフレーム間隔を指定する
$.fx.off
... アニメーションを中止する
G
$.get()
... HTTPのGETメソッドを呼び出す
.get()
... jQuery要素群をJavaScript要素群に変換する
$.getJSON()
... HTTPのGETでJSONを読みこむ
$.getScript()
... JavaScriptファイルを読み込んで実行する
$.globalEval()
... JavaScriptを実行する
$.grep()
... 条件にマッチするものを抜き出す
:gt()
... N番目以降の要素
H
.has()
... セレクタにマッチする要素を子要素として持つ要素
:has()
... 指定した要素を子要素として持つ要素
.hasClass()
... クラスを持っているか確認する
$.hasData()
... データを持っているか否かを調べる
:header
... ヘッダ(h1, h2, h3, ...)要素
.height()
... 高さを参照・設定する
:hidden
... 非表示の要素
.hide()
... 要素を非表示にする
$.holdReady()
... readyイベントの抑制
.hover()
... マウスが乗せられた時
.html()
... HTMLを参照・設定する
$.htmlPrefilter()
... HTML挿入時のフィルタ関数を設定する
I
:image
... type="image" の要素
$.inArray()
... 配列の中で最初に見つかった位置を調べる
.index()
... 要素群中でセレクタにマッチする要素のインデックスを返す
.innerHeight()
... 内枠の高さを参照・設定する
.innerWidth()
... 内枠の幅を参照・設定する
:input
... 入力部品要素
.insertAfter()
... コンテンツを要素の直後に挿入する
.insertBefore()
... コンテンツを要素の直前に挿入する
.is()
... セレクタにマッチする要素が存在するか否か
$.isArray()
... 値が配列か否かを調べる
$.isEmptyObject()
... 値が空か否かを調べる
$.isFunction()
... 値が関数か否かを調べる
$.isNumeric()
... 値が数値か否かを調べる
$.isPlainObject()
... 値がプレインオブジェクトか否かを調べる
$.isWindow()
... 値がウィンドウか否かを調べる
$.isXMLDoc()
... 値がXMLドキュメントか否かを調べる
J
jQuery.
xxx
... jQueryの基本形
.jquery
... jQueryのバージョンを得る
K
.keydown()
... キーが押された時(最初に押された時のみ発生)
.keypress()
... キーが押された時(押されている間継続的に発生)
.keyup()
... キーが離された時
L
:lang()
... lang="..." に該当する要素
.last()
... 最後の要素
:last-child
... 最期の要素
:last-of-type
... 最期の同タグの子要素
:last
... 最後の要素
.length
... オブジェクトの個数を得る
.live()
... 後から追加された要素も監視してハンドラを指定する(非推奨)
.load()
... コンテンツをロードして埋め込む
.load()
... 画像なども含めた読み込みが完了した時
:lt()
... N番目以前の要素
M
$.makeArray()
... jQuery要素をJavaScript要素に変換する
.map()
... 各要素に対して関数を実行
$.map()
... 要素配列の個々を変換する
$.merge()
... 要素配列をマージする
.mousedown()
... マウスボタンが押された時
.mouseenter()
... マウスが入ってきた時
.mouseleave()
... マウスが離れた時
.mousemove()
... マウスが動かされた時
.mouseout()
... マウスが離れた時
.mouseover()
... マウスが乗せられた時
.mouseup()
... マウスボタンが離された時
N
.next()
... ひとつ後ろの兄弟要素
.nextAll()
... 前方向の兄弟要素群
.nextUntil()
... セレクタにマッチする、もっとも近い後方兄弟要素
$.noConflict()
... $ の代わりに jQuery を使用する
$.noop()
... 何もしない
.not()
... セレクタにマッチしない要素
:not()
... 指定したセレクタにマッチしない要素
$.now()
... 現在の時刻を1970年1月1日からの秒数で得る
:nth-child()
... N番目の子要素
:nth-last-child()
... 最後からN番目の子要素
:nth-last-of-type()
... 最後からN番目の動タグの子要素
:nth-of-type()
... N番目の同タグの子要素
O
:odd
... 奇数番目の要素
.off()
... on()によるイベントハンドラを解除する
.offset()
... 画面上の縦位置・横位置を参照・設定する
.offsetParent()
... 最も近い relative, absolute, fixed 祖先要素
.on()
... 後から追加された要素も監視してハンドラを指定する(非推奨)
.one()
... 一度だけイベントハンドラを呼び出す
:only-child
... 唯一の子要素
:only-of-type
... 唯一の同タグの要素
.outerHeight()
... 外枠の高さを参照・設定する
.outerWidth()
... 外枠の幅を参照・設定する
P
$.param()
... オブジェクトをシリアライズ化する
.parent()
... 親要素
:parent
... 親要素
.parents()
... 祖先要素群
.parentsUntil()
... セレクタにマッチするまでの祖先要素群
$.parseHTML()
... HTMLを解釈する
$.parseJSON()
... JSONを解釈する
$.parseXML()
... XMLを解釈する
:password
... type="password" の要素
.position()
... 親要素からの相対位置を参照する
$.post()
... HTTPのPOSTメソッドを呼び出す
.prepend()
... 要素の内側の先頭にコンテンツを挿入する
.prependTo()
... コンテンツを要素の内側の先頭に挿入する
.prev()
... ひとつ前の兄弟要素
.prevAll()
... 後方向の兄弟要素群
.prevUntil()
... セレクタにマッチする、もっとも近い前方兄弟要素
.promise()
... Promiseオブジェクトを生成する
.prop()
... プロパティを参照・設定する
$.proxy()
... 引数をthisとして参照可能な関数を呼び出す
.pushStack()
... jQuery配列に要素を追加する
Q
.queue()
... アニメーションキューを参照・設定する
$.queue()
... アニメーションキューを参照・設定する
R
:radio
... type="radio" の要素
.ready()
... HTMLファイルの読み込みが完了した時
$.ready
... ドキュメントの読み込み状態を監視する
$.readyException()
... ドキュメントの読み込みエラー時のコールバック
.remove()
... 要素群の中からセレクタにマッチするものを削除する(完全削除)
.removeAttr()
... 属性を削除する
.removeClass()
... クラスを削除する
.removeData()
... データを削除する
$.removeData()
... データを削除する
.removeProp()
... プロパティを削除する
.replaceAll()
... コンテンツで要素を置換する
.replaceWith()
... 要素をコンテンツで置換する
:reset
... type="reset" の要素
.resize()
... ウィンドウがリサイズされた時
:root
... ルート要素(通常html要素)
S
.scroll()
... ウィンドウがスクロールされた時
.scrollLeft()
... 左右方向にスクロールする
.scrollTop()
... 上下方向にスクロールする
.select()
... 選択された時
:selected
... 選択された option要素
.selector
... 現在のセレクタを得る
.serialize()
... フォームデータを文字列にシリアライズする
.serializeArray()
... フォームデータを連想配列で取得する
.show()
... 要素を表示する
.siblings()
... セレクタにマッチする兄弟要素群
.size()
.. 要素数を返す
.slice()
... N番目からM番目までの要素群
.slideDown()
... スライドダウンする
.slideToggle()
... スライドアップ・ダウンを切り替える
.slideUp()
... スライドアップする
$.speed()
... アニメーションの設定を行う
.stop()
... アニメーションを中止する
$.sub()
... jQueryオブジェクトの複製
.submit()
... サブミットされた時
:submit
... type="submit" の要素
$.support
... ブラウザのサポート状況を判断する
T
:target
... URLの #xxx にマッチする要素
.text()
... テキストを参照・設定する
:text
... type="text" の要素
.toArray()
... jQuery要素群をJavaScript配列に変換する
.toggle()
... 要素の表示・非表示を切り替える
.toggle()
... (廃止)
.toggleClass()
... クラスの追加・削除をトグルする
.trigger()
... 要素に対してイベントを擬似的に発行させる
.triggerHandler()
... 要素に対してイベントを擬似的に発行させる
$.trim()
... 文字列をトリム(前後の空白削除)する
$.type()
... 変数の型を調べる
U
.unbind()
... イベントハンドラを取り除く
.undelegate()
... 絞り込みの解除(非推奨)
$.unique()
... 重複した要素を除外する
$.uniqueSort()
... 重複した要素を除外する
.unload()
... ページがアンロードされる時
.unwrap()
... 親要素を削除する
V
.val()
... 入力フォームなどの値を参照・設定する
:visible
... 表示されている要素
W
$.when()
... すべてのオブジェクトが解決した際のコールバック関数を設定する
.width()
... 幅を参照・設定する
.wrap()
... 要素をコンテンツで囲む
.wrapAll()
... 要素をまとめてコンテンツで囲む
.wrapInner()
... 要素でコンテンツを囲む
Copyright (C) 2013-2019 杜甫々
初版：2013年2月3日、最終更新：2019年5月5日
https://www.tohoho-web.com/js/jquery/index2.htm