一般的に使用される jQuery DOM Events_jquery に関する jQuery のメモ

DomとはDocument Object Modelの略で、文書オブジェクトモデルを意味します。 DOM は、ブラウザ、プラットフォーム、言語に依存しないインターフェイスであり、このインターフェイスを使用すると、ページ内のすべての標準コンポーネントに簡単にアクセスできます。

DOM 操作は、DOM コア、HTM-DOM、CSS-DOM の 3 つの側面に分類できます。

jQuery DOM 要素メソッド

1.attr() .removeAttr()

.attr() メソッドは、名前と値のペアのパラメーター、または 3 つ以上の名前と値のペアを含むオブジェクト パラメーターを渡すことができます。例:

.attr('src','images/a.jpg');

.attr({
 rel:'www',
 id:'zz',
 title:'some',
 some:'111'
});

もちろん、1 つ以上の属性を削除することもできます。removeAttr('id rel');

2.prop()

このメソッドは属性値を取得できます

取得したい値の属性名 (文字列) を渡します (例: .prop('id'))。

id の値を設定します (a タグの href や id など、DOM 自体に存在する属性を変更します)
.prop('id','otherid');

3.val()

このメソッドは、フォーム コントロールの値を取得するためによく使用されます

4.insertBefore() .insertAfter() .prependTo() .appendTo()

.insertBefore() は、既存の要素の外側および前にコンテンツを追加します (逆の操作 .before())
。 .insertAfter() は、既存の要素の外側と後にコンテンツを追加します (逆の操作 .after())
.prependTo() は、既存の要素の内側と前にコンテンツを追加します (逆の操作 .prepend())
。 .appendTo() は、既存の要素の内側と後にコンテンツを追加します (逆の操作 .append())

5.clone()

このメソッドはコピー要素をコピーできます。コピーされた要素を他のイベントを継承する必要がある場合は、パラメーターとしてブール値 .clone(true)

6.wrap() .wrapAll() .wrapInner()

.wrap() と .wrapInner() は相対的なものとして理解できます。.wrap() は要素の 1 つの層の外側にラップされますが、.wrapWith() は要素の 1 つの層内にラップされます。

7.html() .text() .replaceWith() .replaceAll()

8.empty()

9.detach() .remove()

などの他の要素も保持されます。 バインドされたイベント、添付データなどが削除されます。