言語
日本語
English

Caution

お使いのブラウザはJavaScriptが無効になっております。
当サイトでは検索などの処理にJavaScriptを使用しています。
より快適にご利用頂くため、JavaScriptを有効にしたうえで当サイトを閲覧することをお勧めいたします。

辞典

  1. トップページ
  2. jQuery辞典

jQuery辞典 一覧ページ

初心者向け: 概要と特徴、学習順ガイドセレクタ・DOM操作・イベント・Ajax・アニメーションの学習順ガイド。
【環境構築】jQueryの開発環境CDN・npm・ダウンロードの3つの導入方法。
.addClass()（クラス追加）既存クラスを保持したまま指定クラスをリストへ追加。
.after()（直後へのDOM挿入）選択要素の直後に兄弟ノードを挿入。
$.ajax()（Ajaxリクエスト）HTTPリクエストを細かく制御できる汎用Ajax関数。
.animate()（カスタムアニメーション）数値系CSSプロパティを目標値まで徐々に変化させるアニメーション。
.append()（末尾への子要素追加）選択要素の末尾に子要素やHTML文字列を追加。
.attr()（属性の取得・設定）HTML属性の値を取得・設定。DOMプロパティには .prop() を使う。
.before()（直前へのDOM挿入）選択要素の直前に兄弟ノードを挿入。
.change()（値変更イベント）フォーム要素の値変更時に実行するハンドラを登録。
.children()（直接の子要素取得）DOM ツリーを1階層下にたどり直接の子要素を取得。
.click()（クリックイベント）.on("click", handler) の短縮形。引数なしで発火も可。
.clone()（要素のコピー）選択要素のディープコピーを作成。true でイベントも複製。
.closest()（祖先の検索）自身を含む祖先をさかのぼり最初に一致した要素を返す。
.css()（CSSプロパティの取得・設定）CSSプロパティの計算済み値を取得、またはスタイルを適用。
.data()（データの保存・取得）DOM属性を変更せずに任意データを要素へ紐付けて管理。
.delay()（アニメーション遅延）アニメーションキューに待機時間を挿入。
$.each()（配列・オブジェクトの反復）配列やオブジェクトの各要素に関数を実行するユーティリティ。
.each()（要素ごとの反復処理）マッチした各要素に順番にコールバックを実行。
.empty()（子要素の全削除）子要素・テキストノードを全削除し、選択要素自身はDOMに残す。
.eq()（インデックス指定で要素取得）0始まりのインデックスで要素を1つ取得。負値は末尾から数える。
イベントデリゲーション親要素1つにハンドラを登録し子要素のイベントをまとめて処理。
$.extend()（オブジェクトのマージ）複数オブジェクトを第1引数へマージ。true でネストも再帰的に処理。
.fadeIn() / .fadeOut()（フェードアニメーション）opacityアニメーションで要素を表示・非表示に切り替え。
.fadeTo()（透明度の変化アニメーション）transparencyを0〜1の任意の値まで徐々に変化させる。
.filter() / .not()（要素の絞り込み）.filter() は条件一致を残し、.not() は条件一致を除外。
find子孫要素全体をセレクターで検索して返す。
.first() / .last()（最初・最後の要素）.first() は最初の要素、.last() は最後の要素を取得。
.focus() / .blur()（フォーカスイベント）フォーカス取得・喪失イベントのハンドラを登録。引数なしで発火も可。
$.getJSON()（JSONデータの取得）GETリクエストでJSONデータを取得する専用の簡易Ajax関数。
$.get() / $.post()（GETとPOSTリクエスト）GET・POSTリクエストを簡潔に送信するショートカット関数。
.hasClass()（クラスの有無を判定）指定クラスが付いているかを true / false で返す。
.hover()（マウスホバーイベント）mouseenter と mouseleave のハンドラをまとめて登録。
.html()（HTML内容の取得・設定）innerHTML を取得・設定。プレーンテキストは .text() を使う。
$.isArray() / $.isFunction()（型判定）配列・関数かを判定するユーティリティ。jQuery 3.3以降は非推奨。
$()関数（jQueryの基本関数）CSSセレクタや要素を受け取りjQueryオブジェクトを返す基本関数。
.keydown() / .keyup()（キーボードイベント）キー押下・キー解放イベントのハンドラを登録。
.load()（HTMLの非同期読み込み）サーバーからHTMLを取得し要素の内容として挿入。
.map()（要素の変換）各要素にコールバックを適用し戻り値で新しいjQueryオブジェクトを生成。
.next() / .prev()（前後の兄弟要素）.next() は直後、.prev() は直前の兄弟要素を取得。
.off()（イベントハンドラの解除）登録済みイベントハンドラを解除。名前空間でまとめて解除も可。
.offset() / .position()（要素の座標取得）ドキュメント基準と親要素基準の2種類の座標を返す。
.on()（イベントハンドラの登録）あらゆるイベントのハンドラ登録に対応した汎用メソッド。デリゲーションも可。
.one()（1回限りのイベント）最初の1回だけ実行後に自動解除されるハンドラを登録。
.parent() / .parents()（親・祖先要素の取得）.parent() は直接の親、.parents() はルートまでの祖先を取得。
.prepend()（先頭への子要素追加）選択要素の先頭に子要素やHTML文字列を追加。
.prop()（プロパティの取得・設定）checked・disabled など DOM プロパティを取得・設定。
.ready()（DOM読み込み完了）DOMの解析完了後にコールバックを実行。画像読み込みは待たない。
.remove()（要素の削除）要素・子孫・イベントハンドラ・データをDOMから完全削除。
.removeAttr()（属性の削除）指定したHTML属性を削除。スペース区切りで複数同時指定も可。
.removeClass()（クラスの削除）指定クラスだけをリストから削除し他のクラスはそのまま保持。
.replaceWith()（要素の置き換え）選択要素を指定のHTML・要素に置き換えてDOMから取り除く。
.scrollTop() / .scrollLeft()（スクロール位置）縦・横のスクロール位置をピクセル単位で取得・設定。
.show() / .hide()（表示・非表示）display プロパティで表示・非表示を切り替え。
.siblings()（兄弟要素の取得）同じ親を持つ兄弟要素を取得。自身は含まない。
.slideDown() / .slideUp()（スライドアニメーション）高さのアニメーションで要素を展開・折りたたみ。
.slideToggle()（スライドの開閉切り替え）スライドアニメーションで表示・非表示を反転。アコーディオンに最適。
.stop()（アニメーションの停止）実行中のアニメーションを停止。キュー渋滞の防止に使う。
.submit()（フォーム送信イベント）フォームの送信イベントにハンドラを登録。引数なしで発火も可。
.text()（テキスト内容の取得・設定）テキスト内容を取得・設定。HTMLタグは自動エスケープ。
.toggle()（表示・非表示の切り替え）表示中は非表示に、非表示は表示に切り替え。
.toggleClass()（クラスのオン・オフ）クラスが付いていれば削除、なければ追加。真偽値で強制指定も可。
.trigger()（イベントの発火）指定イベントをプログラムから発火させ、登録済みハンドラを実行。
$.trim()（文字列の前後空白除去）文字列の先頭・末尾の空白を除去。jQuery 3.5以降は非推奨。
.unwrap()（ラッパー要素の削除）選択要素の親要素を削除してラッピングを解除。
.val()（フォームの値の取得・設定）input・select・textarea などフォーム要素の値を取得・設定。
.width() / .height()（要素の幅・高さ）パディング・ボーダーを除いたコンテンツ領域の幅・高さを取得・設定。
.wrap()（要素を別要素で包む）選択要素をそれぞれ指定HTML要素で個別に包む。
シェアするシェアする
このエントリーをはてなブックマークに追加