jQueryのCRUD処理のメソッド

①取得
・val()

 フォーム要素の値を取得する。val()はfoam専用のメソッドでfoam以外には使えないので注意。
 

・text() 

 要素のテキスト内容を取得する。
 

・html() 

 要素のHTML構造全体を取得する。
 

・attr()

 要素の属性(`src`、`href`など)を取得する。
 

・prop()

 要素のプロパティ(`checked`、`disabled`など)を取得する。
 

・css()

 要素の特定のCSSスタイルを取得する。
 

・data() 

 要素に関連付けられたデータ属性を取得する。


②追加
・append()

 要素を指定した要素の最後に追加します。
 

・prepend()

 要素を指定した要素の最初に追加します。
 

・after()

 要素を指定した要素の直後に追加します。
 

・before()

 要素を指定した要素の直前に追加します。
 

・addClass()

 要素に特定のクラスを追加します。


③更新

値の更新は各メソッドの()の中に更新したい値を入れる。

・val()

 フォーム要素の値を更新します。

 

・text()

 要素のテキスト内容を更新します。
 

・html()

 要素のHTML構造を更新します。
 

・attr()

 要素の属性を更新します。
 

・prop()

 要素のプロパティを更新します。
 

・css()

 要素のCSSスタイルを更新します。
 

・data()

 要素のデータ属性を更新します。
 

・toggleClass()

 要素にクラスをトグル(追加・削除の切り替え)します。

 

 

④削除
・remove()

 要素自体をDOMから削除します。
 

・empty()

 要素の内部の子要素を全て削除します(要素自体は残ります)。
 

・removeAttr()

 要素の指定した属性を削除します。
 

・removeClass()

 要素から特定のクラスを削除します。