Jquery DOM操作方法的簡單歸納

1.在HTML中創建新元素，用$()工廠函數

 

2.要在每個匹配的元素中插入新元素，用 .append()    .appendTo()    .prepend()    .prependTo()

 

$('<a id="top" name="top"></a>').prependTo('body'); $(this) .appendTo('#notes') .append( ' (<a href="#context-' + (index+1) + '" mce_href="#context-' + (index+1) + '">context</a>)' )

 

3.要在匹配的元素相鄰位置上插入新元素，用 .after()   .insertAfter()    .before()    .insertBefore()

 

$('<a href="#top" mce_href="#top">back to top</a>').insertAfter('div.chapter p:gt(2)'); $('<ol id="notes"></ol>').insertBefore('div.chapter'); $('div.chapter').after('<ol id="notes"></ol>');

 

4.要在每個匹配的元素外部插入新元素，用 .wrap()   .wrapAll()    .wrapInner()

$(this) .appendTo('#notes') .wrap('<li id="foot-note-' + (index+1) + '"></li>'); $clonedCopy .prependTo($parentParagraph) .wrap('<div class="pulled-wrapper"></div>');

 

5.要用新元素或文本替換每個匹配的元素，用   .html()   .text()   .replaceAll()   .replaceWith()

 

var clonedText = $clonedCopy.text(); $clonedCopy.html(clonedText);

6.移除每個匹配的元素中的元素，用empty()

 

 

7.從文檔中移除每個匹配的元素及其後代元素，不實際刪除他們，用 .remove()