JQuery之DOM函数文档操作学习总结

1.之前：before()

$("#t1 #hot").before("<h3>热点</h3>");

2.结尾：after()

$("#t1 #hot").after("<a>是真的吗？</a>");

3.内部结尾：append()

$("#t1 #hot").append("<h5>不要当真</h5>");

4.清空：empty()

$("#t1 #hot").empty();

5.删除：remove()

$("#t1 #hot").remove();

6.替换：replaceWith()

$("#t1 #hot").replaceWith("<h2>不放假</h2>");

7.外部包装：wrap()

$("#t1 #hot").wrap("<h5>");

8.去除包装：unwrap()

$("#t2 #news").unwrap();

9.内部包装：wrapInner()

$("#t2 #news").wrapInner("<h2></h2>");

html代码：

<div id="t1">
        <p id="hot">明天放假！！！</p>
    </div>

    <div id="t2">
        <p>
          <a id="news">为四川祈福</a>
        </p>
    </div>