jQuery_jquery でのノードの操作に関する関連概要

Dom ノードを動的に作成する

jQuery は $(html string) を使用して Dom ノードを動的に作成し、jQuery オブジェクトを返します。append およびその他のメソッドを呼び出して、作成したノードを Dom に追加できます。

例:

var link = $("Baidu");

$("div:first").append(link);

ノード要素の追加方法:

Append メソッドは、要素 (最後の子ノード) を要素

の最後に追加するために使用されます。

Prepend は要素 (最初の子ノード) を要素の先頭に追加します

後: 要素の後に要素を追加します (兄弟ノードを追加します)

前: 要素の前に要素を追加します (兄弟ノードを追加します)

子要素.appendTo(親要素): 要素の最後に子要素

を追加します。

子要素.prependTo(親要素): 要素の先頭に子要素

を追加します。

A.insertBefore(B) A を B の前に挿入します。これは B.before(A);

と同等です。

X.insertAfter(B) Y の後に X を挿入します。Y.after(X) と同等です。

ノードの削除:

Empty(): この要素の下にあるすべての子ノードをクリアします

以下と同等: while(ele.firstChild){ele.removeChild(ele.firstChild);}

Remove(selectot); 現在の要素を削除し、戻り値は削除された要素であると言えます。これには、移動効果があります。たとえば、次のようになります。 >

var lis = $("#ulSite li").remove();

$("#ulSite2").append(lis);

Clone() はノードのクローンを作成し、ノードのコピーをサポートしますが、ノードのコピーは行いません

クローン(true): イベントを持つノードのクローンを作成します

ノードの置換:

$("br").replaceWith("

---

");

$("br").replaceAll("

---

");

ラップノード

Wrap() メソッドは、指定されたタグを持つすべての要素を 1 つずつラップするために使用されます

$("b").wrap("");すべての太字を赤色で表示します

wrapInner();

を内部にラップします