DOM操作--基于命令改变页面

一。操作属性

    操作样式：addClass()，removeClass()，css()

    非样式：attr()，removeAttr()

二。创建元素：

　$('<a href="#Top">Top</a>')

三。插入新元素

   $('<a href="#Top">Top</a>').insertAfter('div.chapter p');

   插入方法： insertAfter()，after()，before()，insertBefore()，prepend()，prependTo()，append()，appendTo()

四。移动元素：

    就是将现有的元素移动到新的元素中。方法与“插入新元素”的方法是一样的。

五。包装元素：

    .wrap('<li></li>')//用于将元素包装在其他元素中的方法。 如：装元素包装到<li></li>中。

六。复制元素：

    .clone()//不公会复制匹配的元素，也会复制其所有的后代元素。

    .clone(false)//只会复制匹配的元素。

七。移除元素：

    .remove() .empty()

 

 总结：

    （1）要在每个匹配的元素中插入新的元素：append()，appendTo()，prepend()，prependTo()

    （2）要在每个匹配的元素相邻的位置上插入新元素：after()，insertAfter(),before(),insertBefore()

    （3）要在每个匹配的元素外部插入元素：wrap()

    （4）要用新元素或文本替换每个匹配的元素：.html()，.text()

    （5）要移除每个匹配的元素中的元素：.empty()

    （6）要从文档中移除每个匹配的元素及其后代元素，但不实际删除它们：.remove()