ちょっとディープな生物の世界

【jQuery】よく使うメソッド一覧

jQueryメソッドとは?

jQueryで準備されているメソッドのことです。機能として、コア機能、トラバーサル、マニピュレーション、イベントなどがあります。

  • コア機能:要素の取得
  • トラバーサル:取得した要素に関連した要素を取得
  • マニピュレーション:HTMLやCSSを操作する
  • イベント:あるイベントが起こった際の処理を設定する

コア機能

$(`セレクタ`)
//セレクタに合う要素を全て取得

$(配列orオブジェクト)
//配列・オブジェクトのデータ・プロパティを全て取得

$.ajax()
//非同期通信を行う。

トラバーサル

next()
//すぐ隣の弟要素を取得

find(`セレクタ`)
//子孫要素のセレクタに合う要素を全て取得

children(`セレクタ`)
//子要素を全て取得。パラメーターにセレクタが入力されている場合には、セレクタに合う要素だけを取得。

each(function(){})
//取得したすべての要素に対して処理を実行

parent(`セレクタ`)
//親要素を全て取得。パラメーターにセレクタが入力されている場合には、セレクタに合う要素だけを取得。

siblings()
//兄弟要素を全て取得

prev()
//すぐ前の兄要素を取得

マニピュレーション

addClass(`クラス名`)
//指定した要素にクラスを追加

removeClass(`クラス名`)
//指定した要素のクラスを削除

toggleClass('クラス名')
//指定した要素にクラスがあれば削除する。なければ追加する

text(`テキスト文章`)
//指定した要素のテキストを書き換える

text()
//テキストコンテンツを読み込む

hasClass(`クラス名`)
//指定したクラス名を持つかどうかを調べる

prepend(要素)
//取得した要素に子要素を挿入する。

append(要素)
//取得した要素に子要素を挿入する。ただし、すでに子要素がある場合にはその後ろに挿入。

attr(`属性名`,`値`)
//要素の属性に値を設定する

attr(`属性名`)
//要素の属性の値を読み取る

remove()
//要素を削除する

イベント

on(`イベント`,function(){   })
//イベントが発生したらファンクションを機能させる。

event.preventDefault()
//イベントをキャンセルする。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です