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

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

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

jQuery DOM 要素メソッド

機能	説明
.get()	セレクターで指定された DOM 要素を取得します。
.index()	他の指定​​された要素に対する指定された要素のインデックス位置を返します。
.size()	jQuery セレクターによって一致した要素の数を返します。
.toArray()	jQuery セレクターによって一致した要素を配列として返します。

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 つの層内にラップされます。

そして .wrapAll() は一致したすべての要素をラップします

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

.html() はテキストまたは DOM ノードを渡すことができます;

.text() はテキストの読み取りまたは置換のみ可能です;

.replaceWith()。 。 。 「に」を置き換えます。 。 。 ;

.replaceAll()。 。 。 「与える」を置き換えます。 。 。

8.empty()

要素を削除

9.detach() .remove()

これら 2 つのメソッドはある程度似ており、どちらも jQuery オブジェクトから一致する要素を削除しませんが、それでも違いがあります。

.detach() すべてのバインドされたイベント、追加データなどが保持されます

.remove() 要素そのものに加えて、

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