jqDom操作
//外部插入 => 兄弟节点
after
before
insertAfter
insertBefore
// $(".before").click(function(){
// //上面
// $("ul").before("<li>列表before</li>");
// })
// $(".after").click(function(){
// //下面
// $("ul").after("<li>列表after</li>");
// })
<body>
<button class="before">before</button>
<button class="after">after</button>
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
<li>列表5</li>
</ul>
</body>
包裹 = >父节点
wrap
unwarp
warpAll
$(".wrap").click(function(){
$("ul").wrap("<div style:'color:red'></div>");
})
修改:
replaceWith替换
replaceAll替换
删除
empty
remove
detach
clone添加
内部插入
append
appendTo
prepend
prependTo