[jQuery] メソッド・プロパティ一覧

jQueryの主要メソッドの一覧です。

要素関連

【jQuery要素関連メソッド】
メソッド説明
.text()要素の値をテキストとして取得する
.html()要素の値をHTMLとして取得する
.prepend()要素内の先頭にタグを追加する
.append()要素内の末尾にタグを追加する
.after()要素の後ろにタグを追加する
.before()要素の前にタグを追加する
.wrap()要素を指定したタグで囲う
.unwrap()要素を囲んでいるタグを削除する
.replaceWith()要素を別の要素に置き換える
.remove()要素を削除する
.reverse()順序を逆順にする
.makeArray()要素から配列を作成する
.is()セレクタに一致するか判定する
.filter()要素を条件指定して取得する
.has()子要素に指定した要素を持っているか判定する
.length要素数を取得する
.insertAfter()要素を要素の後ろに移動する
.insertBefore()要素を要素の前に移動する
.parent()親要素を取得する
.find()子要素を取得する(配下全て)
.children()子要素を取得する(直下のみ)
.eq()子要素を取得する(インデックス指定)
.clone()要素のコピーを作成する
.sort()要素をソートする
.not()指定したセレクタの要素を除外する
.end()適用したメソッドを戻す
.empty()要素を削除する
.toggleClass()classの適用・非適用を切り替える
.scrollTop()縦スクロールした座標を取得する
.scrollLeft()横スクロールした座標を取得する
.show()要素を表示する
.hide()要素を非表示にする
.toggle()要素の表示非表示を交互に切り替える
.get()要素のオブジェクトを取得する
.prev()指定した要素の直前にある兄弟要素を取得する
.prevAll()指定した要素の前にある兄弟要素を全て取得する
.prevUntil()指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得する
.next()指定要素の次の要素を取得する
.nextAll()指定した要素の次以降にある兄弟要素を全て取得する
.nextUntil()指定した要素の次以降にある兄弟要素から指定した要素までを取得する
.siblings()指定した要素の兄弟要素を全て取得する
.closest()要素から指定した要素の最も近い親要素を取得する
.contents()テキストやコメントも対象とした全子要素を取得する
.addBack()マッチした要素に加えて、1つ前にマッチした要素を加える

属性関連

【jQuery属性関連メソッド】
メソッド説明
.val()valueの値を取得/設定する
.attr(属性名)属性を取得する
.attr(属性名, 値)属性の値を取得する
.prop(プロパティ名)プロパティ値を設定する
.prop(プロパティ名, 値)プロパティを取得する
.removeAttr(属性名)属性を削除する
.removeProp(プロパティ名)プロパティを削除する
.addClass()classを追加する
.removeClass()classを削除する
.toggleClass()classの適用/非適用を切り替える
.css()スタイルを取得する

ユーティリティ関連

【ユーティリティ】
メソッド説明
$.merge()配列を結合する
.select()文字を全選択状態にする
.focus()フォーカスを当てる
$.each()要素に対して繰り返し処理を行う
.every()配列の要素を順番にチェックする
.noop()処理を行わない事を明示する
$.type()型を判定して結果を文字列で取得する
$.get()GETリクエストを送信する
$.post()POSTリクエストを送信する
$.getScript()JavaScriptファイルを非同期で読み込む
$.parseXML()XML文字列をXMLドキュメントに変換する
【チェック関連】
メソッド説明
$.isNumeric()数値かどうか判定する
$.isArray()配列かどうか判定する
$.isPlainObject()オブジェクトかどうか判定する
$.isEmptyObject()空かどうか判定する
$.isFunction()関数かどうか判定する
$.isWindow()windowオブジェクトかどうか判定する

アニメーション関連

【アニメーション】
メソッド説明
.fadeTo()フェード処理を行う
.slideUp()スライドアップ処理を行う
.slideDown()スライドダウン処理を行う
.slideToggle()スライドアップ/スライドダウン処理を交互に行う


投稿日:2017年7月9日 更新日:

執筆者:

スポンサーリンク