メソッドでDOM操作

要素(エレメント)からHTMLの文字列を取り出す

[js]
$(エレメント).html();
[/js]

エレメントにHTML文字列を入れる

[js]
$(エレメント).html(HTML文字列);
$(エレメント).html(function(){処理});
[/js]

要素からテキストを取り出す

[js]
$(要素).text();
[/js]

要素にテキストを入れる

[js]
$(要素).text(テキスト文字列);
$(要素).text(function(){処理});
[/js]

フォームの要素から値を取り出す

[js]
$(要素).val();
[/js]

フォーム要素に値を入れる

[js]
$(要素).val(値);
$(要素).val(function(インデックス, 値){処理});
[/js]

条件に一致した要素(エレメント)にクラス指定を追加

[js]
$(エレメント).addClass(クラス名);
$(エレメント).addClass(クロージャ);
[/js]

エレメントにクラス指定されているか判定

[js]
$(エレメント).hasClass(クラス名);
[/js]

エレメントからクラスを削除

[js]
$(エレメント).removeClass(クラス名);
$(エレメント).removeClass(function(クラス名){処理});
[/js]

エレメントを削除

[js]
$(エレメント).remove(セレクタ);
[/js]

エレメントを一時的に削除

[js]
$(エレメント).detach(セレクタ);
[/js]

エレメントの子ノードを全て削除

[js]
$(エレメント).empty();
[/js]

エレメント(element)のコピー

[js]
$(element).clone();
$(element).clone(true);
$(element).clone(false);
[/js]

条件に一致したelementの直前にコンテンツを挿入

[js]
$(element).before(コンテンツ);
$(element).before(function(){処理});
[/js]

条件に一致したelementの直後にコンテンツを挿入

[js]
$(element).after(コンテンツ);
$(element).after(function(){処理});
[/js]

条件にマッチしたelementの直前にコンテンツを挿入

[js]
$(内容).insertBefore(element);
[/js]
before()メソッドとは検索式とコンテンツの指定が反対になります。

条件にマッチしたelementの直後にコンテンツを挿入

[js]
$(内容).insertAfter(element);
[/js]
after()メソッドとは検索式とコンテンツの指定が反対になります。

element内の先頭にコンテンツを挿入

[js]
$(element).prepend(コンテンツ);
$(element).prepend(function(){処理});
[/js]

コンテンツをelementの先頭に追加

[js]
$(コンテンツ).prependTo(element);
[/js]

element内の最後にコンテンツを追加

[js]
$(element).append(コンテンツ);
$(element).append(function(){処理});
[/js]

コンテンツをelementの最後に追加

[js]
$(コンテンツ).appendTo(element);
[/js]

elementの最初の属性値を取り出す

[js]
var 変数 = $(element).attr(属性名);
[/js]

element(エレメント)に属性値を入れる

[js]
$(エレメント).attr(属性名, 値);
$(エレメント).attr(配列);
$(エレメント).attr(function(){処理});
[/js]

指定した属性をエレメントから削除

[js]
$(エレメント).removeAttr(属性名);
[/js]

全ての要素を置換

[js]
$(要素).replaceWith(置換コンテンツ);
$(要素).replaceWith(function(){処理});
[/js]
replaceAll()とは検索式とコンテンツの指定が反対になります。

全ての要素を置換

[js]
$(置換コンテンツ).replaceAll(要素);
[/js]
replaceWith()とは検索式とコンテンツの指定が反対になります。

各要素に親要素を追加

[js]
$(要素).wrap(親要素);
$(要素).wrap(function(){処理});
[/js]
マッチした要素そのものに挿入します。

要素の親要素を削除

[js]
$(要素).unwrap();
[/js]

マッチした要素を全て親要素で包む

[js]
$(要素).wrapAll(親要素);
[/js]

各要素の内側に親要素を追加

[js]
$(要素).wrapInner(親要素);
[/js]
マッチした要素の中のコンテンツに親要素を挿入