jQueryコンテンツ整理——DOM操作

3314 ワード

classプロパティ
.addClass(className/function(index,currentClass):一致する要素ごとに指定したスタイルクラス名を追加します.hasClass(className)一致する要素に指定されたスタイルがある場合.hasClass()メソッドはtrueを返します.removeClass(className/function(index,class))は、コレクション内の各一致要素の前の1つを除いて、複数またはすべて(複数はスペースで区切られている)スタイルです.toggleClass()一致する要素セットで、存在する(存在しない)場合はクラスを削除(追加)します.
要素のコピー
.clone()一致する要素セットのコピーをコピーします.すべての一致する要素のセットをコピーします.すべての一致する要素、一致する要素の下位要素、テキストノードが含まれます.注意:使用します.clone()はid属性が重複する要素の副作用を生じる可能性があり、idは一意であるべきである.
内部挿入
HTMLコード:
  • appendは、一致する要素ごとにコンテンツを追加する.$("p").append("Hello") ---

    Hello

  • appendTo appendとは逆$("Hello").appendTo("p")---

    Hello

  • prependは、ターゲット要素の内部先端$("p").prepend ("Hello")---

    Hello

  • に挿入する.
  • prependTo prependとは反対$("Hello").prependTo ("p")---

    Hello

  • がいぶそうにゅう
    HTMLコード:Hello I say:
  • after()は、一致する各要素の後にコンテンツを挿入する.$('p').after($('b')) ---

    I say:

    Hello
  • before()は、一致する各要素の前に、コンテンツ$('p').before($('b'))---Hello

    I say:

  • を挿入する.
  • insertAfter()afterとは逆
  • insertBefore()beforeとは逆
  • 置換
  • replaceWith()は、一致するすべての要素を指定したHTMLまたはDOM要素に置き換えます.(文書内のコンテンツが別のコンテンツに置換場合、文書内のコンテンツは、置換を複製するのではなくターゲット領域に移動する)例えば、
  • .
    Hello
    And
    Goodbye
    $('.third').replaceWith($('.first'));
    ====>
    
    And
    Hello
    ``` 2. replaceAll() selector 。

    ハロークラウル・ワールドreplaceAll('p'); 結果:こんにちはこんにちはこんにちは
    
    #####  
    1. wrap()                    
    `$("p").wrap("
    ");` div div class,

    Hello

    Goodbye

    $('.inner').wrap(function() {
    return '

    ';
    });


    Hello



    Goodbye


    2. unwrap()         
    3. wrapAll()                 
    4. wrapInner()                    
    
    #####  
    1. empty()                。
    `$('

    ').empty();` `` 2. remove() DOM 。$('p').remove('.red') : jQuery , 。 , , 。 3. detach() remove() : jQuery , 。 remove() , 、 。