jquery-要素の作成とサブ要素の追加

2889 ワード

一、新しい要素1を作成し、$関数を使用して新しい要素var$newElement=$('段落');要素を作成して、jQueryオブジェクトの説明に戻ります:1)作成した新しい要素は自動的にページに挿入されません.また、appendメソッドを使用して、ある要素の最後のサブ要素を指定するなど、ページに挿入する場所を明確に指定する必要があります.2)返されるjQueryオブジェクトにはhtmlクリップの最上位のみが含まれます.(外層)の要素は、後代の要素に対してページに既存の要素を処理するようにchildrenやfindメソッドを使用してアクセスすることができます.つまりalert($newElement)です.結果は1 3です.html要素を直接apendなどの方法で挿入できる以上、なぜこの新しい要素を作成する機能がありますか.$関数を使用して要素を作成すると、jQueryオブジェクトが返されます.jQueryオブジェクトの中の方法を使用して、作成した要素がページに挿入される前に、バインドイベント処理関数などのさまざまな操作を行うことができます.2、既存の要素をクローンする(既存の要素をクローンして新しい要素を生成する)cloneメソッドを使用して既存の要素(または新しく作成した要素)をモデルとして新しい要素cloneメソッドを生成すると、jQueryオブジェクト内の子孫要素を含むすべての要素パラメータがコピーされます.両方のパラメータはオプションの最初のパラメータです.ブール値(trueまたはfalse)ターゲット要素のイベント処理関数と関連データが2番目のパラメータにコピーされるかどうかを示します(デフォルトでは1番目のパラメータと一致します).:クローンされた要素のすべてのサブ要素のイベントハンドラおよび関連データをコピーするかどうかを示すブール値.サブ要素1を追加します.appendメソッドは、各一致要素内の末尾にパラメータ内容パラメータタイプの説明を挿入します.1)通常の文字列('body').append('html文字列');2)jQueryオブジェクト①$関数を使用して作成された新しい要素(jQueryオブジェクト)②$関数を使用してページにすでに存在する要素(jQueryオブジェクト)を取得すると、既存の要素がターゲット要素内に移動し、切り取られます
 1     
<span style="color:#008080;"> 2</span>     $(<span style="color:#0000ff;">function</span><span style="color:#000000;">(){
</span><span style="color:#008080;"> 3</span>             $getParagraph=$("p"<span style="color:#000000;">);//   p     div    
</span><span style="color:#008080;"> 4</span>             $("#oo"<span style="color:#000000;">).append($getParagraph);
</span><span style="color:#008080;"> 5</span> <span style="color:#000000;">        }
</span><span style="color:#008080;"> 6</span> <span style="color:#000000;">    );
</span><span style="color:#008080;"> 7</span> 
 8 
 9 

10
div

③cloneメソッドを使用してページに既に存在する要素(jQueryオブジェクト)をクローンする
 $getParagraph=$("p").clone();//      p     div    

3)html要素オブジェクト、html要素オブジェクト配列
=====以上のタイプのパラメータは複数入力可能で、各パラメータは一致要素に挿入されます!===4)関数には何個の一致要素があり、この関数は何回実行されますか!関数は2つのパラメータを受け入れることができます:1つ目は現在の要素のシーケンス番号、2つ目は現在の要素内のhtml関数の内部this現在のhtml要素オブジェクトreturnを表すデータは、挿入された内容(html要素であってもjQueryオブジェクトであってもよい)2、prependメソッド各マッチング要素の内部にパラメータ内容を挿入する先頭の使用方法およびパラメータがappendと同じである
3、appendToメソッドは一致する要素をターゲット要素の内部の一番後ろ(appendと同じ)に挿入してappendと区別する:使用時にターゲット要素と挿入内容の位置が逆になって新しい要素が戻ってくるjQueryオブジェクトと選択ページの既存の要素が戻ってくるjQueryオブジェクトを作成してこのメソッドを呼び出すことができる(選択ページの既存のエレメントは、既存のエレメントをターゲットエレメント内に移動することを示す)!パラメータ(エレメントを挿入するターゲット位置を示す):SelectorまたはjQueryオブジェクトまたはhtmlエレメントオブジェクト/htmlエレメントオブジェクト配列4、prependToメソッドは、一致するエレメントをターゲットエレメント内部の一番前に挿入する(prependと同じ)prependと区別:上!パラメータ(要素を挿入するターゲットの位置を示す):上!