English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
jQueryの非常に重要な部分は、DOM要素を操作できることです。
jQueryは、HTML要素、属性、CSSを効果的に操作する方法を提供します。
これらのメソッドは、要素に割り当てられたクラス属性をチェックおよび操作します：
| メソッド | 説明 |
|---|---|
| addClass() | 1つまたは複数のクラス名を選択された要素に追加します |
| hasClass() | 指定されたクラス名を持つ選択された要素があるかどうかをチェックします |
| removeClass() | 選択された要素から1つまたは複数のクラスを削除します |
| toggleClass() | 追加する/選択された要素の中で1つまたは複数のクラスを追加および削除する |
このメソッドは、要素をコピーするために使用されます：
| メソッド | 説明 |
|---|---|
| clone() | 選択された要素の深いコピーを作成します |
これらのメソッドは、既存の内容の周りに新しい内容を挿入するために使用されます：
| メソッド | 説明 |
|---|---|
| wrap() | HTML要素を各選択された要素に囲みます |
| wrapAll() | HTML要素をすべての選択された要素に囲みます |
| wrapInner() | HTML要素を各選択された要素の内容に囲みます |
これらのメソッドは、既存の要素に新しい内容を挿入するために使用されます：
| メソッド | 説明 |
|---|---|
| append() | 選択された要素の末尾に内容を挿入します |
| appendTo() | 選択された要素の末尾にHTML要素を挿入します |
| html() | 選択された要素のHTML内容を設定または取得します |
| prepend() | 選択された要素の先頭に内容を挿入します |
| prependTo() | 選択された要素の先頭にHTML要素を挿入します |
| text() | 選択された要素のテキスト内容を設定または取得します |
これらのメソッドは、既存の要素の外に新しい内容を挿入するために使用されます：
| メソッド | 説明 |
|---|---|
| after() | 選択された要素の後ろに内容を挿入します |
| before() | 選択された要素の前に内容を挿入します |
| insertAfter() | 選択された要素の後ろにHTML要素を挿入します |
| insertBefore() | 選択された要素の前にHTML要素を挿入します |
これらのメソッドは、DOMから要素を削除するために使用されます：
| メソッド | 説明 |
|---|---|
| detach() | 選択された要素（データとイベントを含まない）を削除します |
| empty() | 選択された要素からすべての子ノード（テキストノードを含む）を削除します |
| remove() | 選択された要素（データとイベントを含む）を削除します |
| unwrap() | 選択された要素の親要素を削除します |
これらのメソッドは、DOMから内容を削除し、新しい内容で置き換えます：
| メソッド | 説明 |
|---|---|
| replaceAll() | 選択された要素に新しいHTML要素を置き換えます |
| replaceWith() | 選択された要素に新しい内容を置き換えます |
これらのメソッドは、要素のDOM属性を取得および設定します：
| メソッド | 説明 |
|---|---|
| attr() | 選択された要素の属性を設定または返します/値 |
| prop() | 選択された要素の属性を設定または返します/値 |
| removeAttr() | 選択された要素から1つまたは複数の属性を削除します |
| removeProp() | prop()メソッドで設定された属性を削除します |
| val() | 選択された要素のvalue属性（フォーム要素に対して）を設定または返します |
これらのメソッドは、要素のCSS関連属性を取得および設定します：
| メソッド | 説明 |
|---|---|
| css() | 選択された要素に対して1つまたは複数のスタイル属性を設定または返します |
| height() | 選択された要素の高さを設定または返します |
| innerHeight() | 要素の高さ（フィルルを含むがボーダーを含まない）を設定または返します |
| innerWidth() | 要素の幅（フィルルを含むがボーダーを含まない）を設定または返します |
| offset() | 選択された要素のオフセット座標（ドキュメントに対して）を設定または返します |
| offsetParent() | 最初のロケーションされた親要素を返します |
| outerHeight() | 要素の高さ（フィルル、ボーダーおよびオプションのマージンを含む）を設定または返します |
| outerWidth() | 要素の幅（フィルル、ボーダーおよびオプションのマージンを含む）を設定または返します |
| position() | 要素がオフセット親に対しての位置を返します |
| scrollLeft() | 選択された要素の水平スクロールバーの位置を設定または返します |
| scrollTop() | 選択された要素の垂直スクロールバーの位置を設定または返します |
| width() | 選択された要素の幅を設定または返します |