[Laravel 6.x]Route::get()で設定したURLパラメーターの取得
Laravel6.xでRoute::get('/path/to/{id}')で設定したidの取得方法について。
HOME > リファレンス > jQuery > jQuery API一覧
jQuery API一覧
jQuery Core
jQueryの基本となるメソッド、プロパティ
| jQuery() | jQueryオブジェクトを取得するためのjQuery関数。基本であり |
|---|---|
| jQuery( callback ) | ドキュメントのDOMツリーが準備完了時にcallback関数が実行される |
| jQuery.holdReady() | jQuery( callback )を制御する |
| jQuery.noConflict([removeAll]) | $、jQueryを名前空間に追加しない。 |
| jQuery.sub() | jQueryのサブクラスを作成する。 |
| jQuery.when() |
Attributes
| .addClass() | DOM要素にクラスを追加する |
|---|---|
| .attr() | DOM要素の属性の読み書きをおこなう |
| .hasClass(className) | class属性がclassNameを持っているかチェックする |
| .html() | 要素内に含まれるHTMLの取得、設定をおこなう |
| .prop() | DOM要素のプロパティを読み書きする。 |
| .removeAttr() | 要素の属性を削除する。 |
| .removeClass() | 要素に設定されている指定のクラスを削除する。 |
| .removeProp(propertyName) | 要素のプロパティを削除する |
| .toggleClass(className) | classNameで指定されたクラス名があれば削除、なければ追加される。 |
| .val() | value属性の値を取得したり設定したり。 |
Manipulation
| .addClass() | クラス属性を設定する。 |
|---|---|
| .after() | 指定要素の後ろに要素を追加する |
| .append() | DOMツリーに要素を追加 |
| .appendTo() | DOMツリーに要素を追加 |
| .attr() | DOM要素の静的な属性を取得する |
| .before( content [, content ] ) | 選択されているDOM要素の前にcontentを追加 |
| .clone() | DOM要素をコピーする。 |
| .css() | DOM要素にCSSを設定する |
| .detach([selector]) | DOMツリーからselectorを削除する。イベントハンドラやデータは失われない。 |
| .empty() | DOMツリーからも実際のデータも削除。 |
| .hasClass(className) | DOM要素がclassNameというクラス属性を持っていればtrue |
| .height() | DOM要素の高さを取得したり設定したり。 |
| .html() | jQueryオブジェクトが保持している最初のDOM要素に含まれるHTMLを返す。 |
| .innerHeight() | DOM要素の高さを取得する。paddingは含むがborderは含まれない。 |
| .innerWidth() | DOM要素の幅を取得する。paddingは含むがborderは含まれない。 |
| .insertAfter(target) | jQueryオブジェクトが保持しているDOM要素を target の後ろに挿入する。 |
| .insertBefore(target) | jQueryオブジェクトが保持しているDOM要素を target の前に挿入する。 |
| .offset() | jQueryオブジェクトが持つ最初のDOM要素(indexが0のもの)のDocumentからの位置を取得する。 |
| .outerHeight() | DOM要素の高さを取得。paddingは含むがborderは含まれない。 |
| .outerWidth() | DOM要素の幅を取得。paddingは含むがborderは含まれない。 |
| .position() | .offset()がDocumentからの位置なのに対しposition()はpositionがstatic以外の親要素からの位置を返す。 |
| .prepend() | 選択要素の前に要素を追加する |
| .prependTo( target ) | 選択要素を target の前に挿入する |
| .prop() | DOM要素のプロパティを取得する。 |
| .remove([selector]) | DOMツリーからselectorを削除する。イベントハンドラやデータも削除されるがDOMそのものは残る。 |
| .removeClass() | 要素に設定されている指定のクラスを削除する。 |
| .removeProp(propertyName) | 要素のプロパティを削除する |
| .replaceAll( target ) | target を jQueryオブジェクトにセットされている要素と置換する |
| .replaceWith() | jQueryオブジェクトにセットされている要素を newContent で置換する。 |
| .scrollLeft() | 右にどのくらいスクロールされたか、またはするか |
| .scrollTop() | 下にどのくらいスクロールされたか、またはするか |
| .text() | jQueryオブジェクトにセットされてる要素のテキストデータをセット/ゲットする。 |
| .toggleClass(className) | classNameで指定されたクラス名があれば削除、なければ追加される。 |
| .unwrap() | 対象の要素の親要素を削除する。 |
| .val() | value属性の値を取得したり設定したり。 |
| .width() | DOM要素の幅を取得したり設定したり。 |
| .wrap(wrappingElement) | 対象の要素を wrappingElement で囲む |
| .wrapAll() | 対象の要素をグループとして扱い指定の要素で囲む。 |
| .wrapInner() | 対象の要素の中身をwrappingElementで囲む |
jQuery CSS
| .addClass() | DOM要素にclass属性と値を追加する |
|---|---|
| .css() | DOM要素にCSSを追加したり取得したり。 |
| jQuery.cssHooks | 独自のCSSプロパティを設定する |
| .hasClass() | 指定のクラス名が設定されているか確認する。 |
| .height() | DOM要素の高さを取得したり設定したり。 |
| .innerHeight() | DOM要素の高さを取得する。paddingは含むがborderは含まれない。 |
| .innerWidth() | DOM要素の幅を取得する。paddingは含むがborderは含まれない。 |
| .offset() | DOM要素の原点(Document)からの距離を取得する |
| .outerHeight() | DOM要素の高さを取得。paddingは含むがborderは含まれない。 |
| .outerWidth() | DOM要素の幅を取得。paddingは含むがborderは含まれない。 |
| .position() | positionがstatic以外の親要素からの位置を返す。 |
| .removeClass() | 要素に設定されている指定のクラスを削除する。 |
| .scrollLeft() | 右にどのくらいスクロールされたか、またはするか |
| .scrollTop() | 下にどのくらいスクロールされたか、またはするか |
| .toggleClass(className) | classNameで指定されたクラス名があれば削除、なければ追加される。 |
| .width() | DOM要素の幅を取得したり設定したり。 |
Events
Efffect
jQueryのエフェクト関連メソッド一覧
| .animate() | アニメーションを設定する」。もっとも柔軟。 |
|---|---|
| .clearQueue([queueName]) | キューを削除する |
| .delay(duration [,queueName]) | |
| .dequeue([queueName]) | queueNameにエンキューされている関数を1つ実行する。実行された関数は削除される。 |
| .fadeIn() | jQueryオブジェクトが保持しているDOM要素で非表示となっているものを透明度を下げながら表示する。 |
| .fadeOut() | jQueryオブジェクトが保持しているDOM要素で表示となっているものを透明度を上げながら非表示にする。 |
| .fadeTo() | 透明度を変更する。jQueryオブジェクトが持っているDOM要素の透明度をopacityまでdurationで指定した時間で変更する。 |
| .fadeToggle([duration] [,easing] [,callback]) | フェード効果付きで要素の表示、非表示を切り替える |
| jQuery.fx.interval | アニメーションのフレームレートを設定する。デフォルトは13ミリ秒。 |
| jQuery.fx.off | アニメーションを無効にする。 |
| .hide() | 表示要素を非表示にする |
| .queue() | キューの実行と設定をおこなう |
| .show() | 非表示要素を表示する |
| .slideDown() | スライドアニメーション付きで非表示要素を表示にする |
| .slideToggle() | スライドアニメーション付きで要素の表示、非表示を切り替える |
| .slideUp() | スライドアニメーション付きで要素を非表示にする |
| .stop() | アニメーションをストップする。 |
| .toggle() | 表示、非表示を切り替える。 |
Selectors
セレクタを利用して操作対象のDOMをjQueryオブジェクトとしてゲット
| All Selector (*) | 全ての要素を選択 |
|---|---|
| :animated | アニメーションしている要素だけを取得。 |
| [attribute] | 属性名と属性値によるフィルタ |
| :button | button要素、input type="button"を選択する。 |
| :checkbox | input checkbox を取得する |
| :checked | checked属性がcheckedの要素を取得する |
| parent > child | parentを親に持つ直接のchild要素を取得します。 |
| .class | クラス名が.classの要素を取得します。 |
| :contains(text) | textというテキストを含む要素を取得 |
| Descendant Selector (ancestor descendant) | ancestorに含まれるすべてのdescendantを取得する |
| :disabled | disabled属性がdisabledのものを取得する |
| Element Selector (element) | 指定した要素名を取得する。 |
| :empty | 子要素を持たないものを取得。子要素を持たないinput, img, br, hrは定義上空なので選択される。 |
| :enabled | enabled属性がenabledのものを取得する。明示的に指定されてなくてもよい。(disabled属性がdisabledでなければOK) |
| :eq(index) | 取得した要素のindex番号のものを取得 |
| :even | 取得した要素のindexが偶数のものを取得 |
| :file | input typeがfileのものを取得する |
| :first-child | 取得した要素の最初の子要素を取得 |
| :first | 取得した要素の最初の要素を取得。first-childとの違いに注意。 |
| :focus | :focusされている要素を取得。なんかいまいちピンとこない。 |
| :gt(index) | index番目以降の要素を取得 |
| Has Attribute Selector [name] | name属性を持つ要素を選択する。 |
| :has(selector) | selectorを持つ要素を取得。 |
| :header Selector | h1〜h6を取得 |
| :hidden | hidden要素を取得する。 |
| #id | 指定したIDを持つ要素を取得する。 |
| :image | input typeがimageのものを取得する |
| :input | input要素を取得する |
| :last-child | 取得した要素の最後の子要素を取得 |
| :last | 取得した要素の最後の要素を取得。last-childとの違いに注意。 |
| :lt(index) | indexより前の要素を取得する。indexはjQueryオブジェクト内でのindexのこと。 |
| [name="value"][name2="value2"] | 属性を複数指定することができる。 |
| 1, 2, N | カンマ区切りで複数のセレクタを指定できる。 |
| prev + next | prevの後のnextを選択する。子供ではなく兄弟関係にあるやつ。 |
| prev ~ siblings | prevと兄弟関係にあるsiblingsを選択する。 |
| :not(selector) | selector 以外の要素を取得する。 |
| :nth-child(index/even/odd/equation) | 指定の数字にマッチした要素を取得する。これはjQueryオブジェクト内のindexではなくCSSにおけるindexで指定する。いちばん最初が0から始まるか1から始まるか。 |
| :odd | jQueryオブジェクトが保持しているDOM要素のindexが奇数番号のものを選択する。 |
| :only-child | jQueryオブジェクトが保持しているDOM要素が子要素を1つだけ持つ場合、子要素を取得します。 |
| :parent | jQueryオブジェクトが保持しているDOM要素が子要素(テキストノードを含む)を持つ場合、その要素を取得します。 |
| :password | input typeがpasswordのものを取得する |
| :radio | input typeがradioのものを取得する |
| :reset | input typeがresetのものを取得する |
| :selected | option要素でselected属性がselectedになっているものを選択する。 |
| :submit | button、inputのtype属性がsubmitのものを選択する。 |
| :text | type属性がtextのものを選択する。 |
| :visible | 表示状態の要素を選択する。 |
Traversing
| .add() | jqueryオブジェクトにdom要素を追加した新たなjqueryオブジェクトを作成する |
|---|---|
| .andself() | メソッドチェーンのひとつ前のjqueryオブジェクトと現在のjqueryオブジェクトを一つにまとめる |
| .children([selector]) | jqueryオブジェクトのdom要素の直接の子要素を取得する。テキスト、コメントノードは除く |
| .closest() | セレクタにマッチする直近の親要素を取得する |
| .contents() | テキスト、コメントノードを含む全ての子要素を取得する |
| .each() | jquery オブジェクトが保持しているdom要素に対して繰り返し処理をおこなう。 |
| .end() | 現在のフィルタリング状態をひとつ前の状態に戻す。 |
| .eq() | jqueryオブジェクトにセットされているdom要素からindex番目のdom要素がセットされたjqueryオブジェクトを取得する。 |
| .filter() | jquery オブジェクトが保持しているdom要素に対してさらに条件を指定して絞り込む。 |
| .find() | jquery オブジェクトが保持しているdom要素の子孫を検索する。 |
| .first() | jquery オブジェクトが保持しているdom要素の最初の要素を取得。 |
| .has() | |
| .is(selector) | 選択されている要素がselectorにマッチする場合trueを返す |
| .last() | |
| .map() | |
| .next([selector]) | selectorにマッチする直後の弟要素を選択する。 |
| .nextall([selector]) | selectorにマッチする全ての弟要素を選択する。 |
| .nextuntil([selector]) | 対象となる要素からselectorにマッチする弟要素までの間の弟要素を取得する。 |
| .not() | |
| .offsetparent() | |
| .parent() | |
| .parents() | |
| .parentsuntil() | |
| .prev([selector]) | selectorにマッチする直前の兄要素を取得する。 |
| .prevall([selector]) | selectorにマッチする兄要素を取得する。 |
| .prevuntil() | 対象となる要素からselectorにマッチする兄要素までの間の兄要素を取得する。 |
| .siblings() | |
| .slice() |
Ajax
Utilities
jQueryのユーティリティ関連メソッド
| jQuery.boxModel | ブラウザがboxModelをサポートしているか |
|---|---|
| jQuery.browser | navigator.UserAgentを元にユーザエージェントを識別するためのフラグを連想配列として保持 |
| .clearQueue() | |
| jQuery.contains() | |
| jQuery.data() | |
| .dequeue() | |
| jQuery.dequeue() | |
| jQuery.each(collection, callback(indexInArray, valueOfElement)) | イテレータ。collectionにcallbackを実行する。 |
| jQuery.extend() | オブジェクトを拡張する。 |
| jQuery.globalEval(code) | グローバルスコープでcodeを実行する |
| jQuery.grep(array, function(elementOfArray, indexInArray) [, invert]) | callback関数内の実行結果がtrueなら新しい配列に追加、falseなら追加しない。 |
| jQuery.in[value, array [, fromIndex]) | array内にvalueがあった場合は、インデックス番号を、無い場合は-1を返す。 |
| jQuery.is[obj) | objがArrayかどうか判定する。 |
| jQuery.isEmptyObject(object) | objectが空かを判定する。 |
| jQuery.isFunction(obj) | objがFunctionかどうか判定する。 |
| jQuery.isNumeric( value ) | value が数値かどうか判定する。 |
| jQuery.isPlainObject(object) | objectがObjectコンストラクタやリテラルで生成されてたものならtrue |
| jQuery.isWindow(obj) | obj が window オブジェクトか判定する。 |
| jQuery.isXMLDoc(node) | node がXMLであればtrue、異なる場合はfalse |
| jQuery.make[obj) | javascriptで配列のように振舞うオブジェクトをjavascriptの配列にする。 |
| jQuery.map() | arrayにcallback関数を実行して実行結果で新しい配列生成する。 |
| jQuery.merge( first, second ) | first に second をマージした配列を返す。first の内容は変更される。 |
| jQuery.noop() | 何もしない関数。使いどころがよくわからない。 |
| jQuery.now() | 現在時刻を返す。(new Date).getTime() の ショートハンド。 |
| jQuery.parseJSON(json) | jsonをパースしてjavascriptのオブジェクトとして利用できるようにする |
| jQuery.parseXML(data) | XML をパースする。 |
| jQuery.proxy() | |
| .queue() | キューの取得と設定 |
| jQuery.queue() | |
| jQuery.removeData(element [, name ]) | data()で設定したdataを削除する |
| jQuery.support | 機能チェック用 |
| jQuery.trim(str) | strに含まれる先頭と末尾の空白文字を削除する。 |
| jQuery.type(obj) | objの型またはクラス名を文字列で返す |
| jQuery.unique(arr) | DOM 要素を持つ配列から重複しているDOM要素を削除する。 |