jQueryシリーズ(三)--DOM
4094 ワード
要素と属性の作成
JavaScript:作成要素: プロパティの設定: 追加テキスト: 文書: jQuery: 要素ノードの作成: テキストノードの作成: 属性ノードの作成: jQuery DOM API
DOM node挿入内部挿入 である. である.
外部挿入 としてパラメータによって指定された内容を挿入する. を挿入する.
内部挿入 . に前置する.
説明:外部挿入:contentは前、()内は要素 をターゲット要素の後ろに挿入する. をターゲット要素の前に挿入する.
DOM node削除 を除去する. を選択的に削除することができる. .
DOM nodeレプリケーションと置き換え を返す. を削除する. ではなく、置き換える前のノードを参照する.
を後で使用する. に保持します. を追加します. とする.
jQuery遍歴 を受け入れることができる. を検索します. を検索 の開始位置が異なります. から開始する.が遍歴するターゲットは異なります. .の結果は異なります. を返す.
を検索します. を検索します. を検索します. があります.
JavaScript:
document.createElement()
setAttribute()
innerHTML()
append()
$( 'html ' )
$( 'text node' )
$( 'text node' )
DOM node挿入
.append(content)
=>一致する要素ごとにコンテンツを追加します.前は挿入するオブジェクトであり、後はオブジェクト内に挿入する要素の内容.appendTo(obj)
=>すべての一致要素を別の指定された要素セットに追加します.前は挿入する要素の内容であり、後は挿入されるオブジェクト.after(content)
=>一致する要素のセット内の各要素の後に、その兄弟ノードbefore(content)
=>一致する要素の前にコンテンツ.prepend()
=>一致する各要素の内部の前置コンテンツ.prependTo()
=>一致するすべての要素を別の指定された要素セットの説明:
.peopend()
メソッドは、指定された要素をマッチング要素の最初のサブ要素として挿入します..append()
法は最も最後のパラメータである..insertAfter()
=>一致する各要素.insertBefore()
=>一致する各要素DOM node削除
.empty()
=>指定した要素のすべてのサブノード.remove()
=>自身を除去するとともに、バインドされたイベントおよびその要素に関連するjQueryデータを含む要素内部のすべてを除去する注意:.remove()
は、除去される一致する要素の集合をフィルタリングするためのセレクタ式を伝達することができ、ノード.detach()
=>データを保持する削除操作.現在のページから要素を削除するウェブ要素を管理するが、この要素を保持するメモリモデルオブジェクト注意:.detach()
メソッドはjQuery固有であるため、jQueryメソッドでバインドされたイベントまたはデータしか処理できず、.append()
で削除された要素をドキュメントストリームに戻すことができるDOM nodeレプリケーションと置き換え
.clone()
=>すべての一致する要素のセットをコピーし、すべての一致する要素、一致する要素の下位要素、およびテキストノードを含む注意:ノードにイベントやデータなどの他の処理がある場合は、.clone(true)
を介してブール値true
を指定する必要があります.これは、単純なクローンノード構造だけでなく、付属のイベントとデータのコピーも行います..replaceWith(newContent)
=>セット内の一致するすべての要素を提供されたコンテンツで置き換え、削除された要素のセット.replaceAll(target)
=>各ターゲット要素の注意をセットの一致要素で置き換えます..replaceWith()
および.replaceAll()
は、ノードに関連付けられたすべてのデータおよびevent handler .replaceWith()
はjQueryオブジェクトを返し、チェーン式で使用することができるが、返されるjQueryオブジェクトは、.replaceWith() / .replaceAll()
の方法で置き換えるノード.wrap()
=>要素を他の要素で包む、すなわち要素に親要素を追加し、元の要素セットを返してチェーンメソッド.unwrap()
=>一致する要素の親要素を削除し、自身を元の位置.wrapAll()
=>集合内の要素を別の要素で囲み、親要素(各要素がそれぞれ囲み).wrapInner()
=>集合内の要素の内部のすべてのサブ要素を他の要素で包む、指定された要素のサブ要素jQuery遍歴
.children()
=>一致する要素のセット内の各要素のすべてのサブ要素を返し、セレクタ.find()
=>DOMツリー内の要素の子孫要素(自分を含まない子孫のみを巡回).parent()
=>コレクション内の各要素の親要素を検索.parents()
=>コレクション内の各要素の祖先要素.closest()
=>要素自体から始め、DOMツリー上で段階的に上へ要素が一致し、最初に一致した祖先要素に戻る注意:.parents()
と.closest()
の違い.parents()
は親要素で開始します..closest()
は、現在の要素.parents()
はルート要素を検索し、一致する要素をセットに追加します..closest()
は、一致するものが見つかるまで検索を停止する.parents()
は、0または1以上の要素を含むjQueryオブジェクトを返します..closest()
は、0個または1個の要素を含むjQueryオブジェクト.next()
=>指定された要素のセット内の各要素が隣接する後の世代の要素のセット.prev()
=>指定された要素のセット内の各要素が隣接する前の世代の要素のセット.siblings()
=>指定された要素のセット内の各要素の同世代要素.add()
=>一致する要素セットに要素を追加する新しいjQueryオブジェクトを作成します..each()
=>forループの反復器で、jQueryオブジェクトのDOM要素を反復し、コールバック関数が実行されるたびに、パラメータ(0から).each()
として現在のループ回数が渡され、コールバックによって処理され、2つの固定された実パラメータ=>インデックス(index)と要素(element).each( (index,element) => {} )