1 内部插入
append(content) 给每个匹配元素内部追加类容,和那个.net里面的stringBulider差不多
appendTo(content)把所有匹配的元素最佳到另一个指定的元素上面 和append()的操作方式相反 一个是把a加到b中 一个是把b加到a中
prepend() 在匹配元素的前面加内容,这个和append()一样 ,只不过一个是在前面一个是在后面。当然也有prependTo()这样相反的了
2 外部插入
刚刚我们在元素内容做了操作,自己吃了,也要考虑一下旁边的
after(content)在每个匹配的元素之后插入内容,
before(content)在匹配元素之前插入内容
这里我们也有把当前匹配的元素插入到指定元素上 insertAfter(content) 之后 insertBefore(content)之前
3 包裹
这里有三个函数 wrap() , wrapAll(),wrapInner()
里面的参数支持html和elem对象
Wrap()将所有选择的对象用结构化标记包裹起来 比如把p用div包裹起来 $(“p”).wrap(“<div></div>”) 当然这里也可以用$(“p”).wrap(document.getElementByid(’id”))来操作
而wrapAll()与wrap()不同的地方在于wrapAll()是用一个包括他们所有可以理解成$(expr).parents().wrap()
wrapInner()是对子类容操作,相当于把外套里面在加个毛衣。
4替换
replaceWith(content) 将所有匹配的元素替换成指定的html或DOM
$(“div”).replaceWith(“<div>aaaa</div>”) 把所有的div换成 <div>aaaa</div>
replaceAll(selector) 用匹配的元素替换掉selector匹配的元素 这个和replaceWith()刚好是一个反操作 $(“<div>aaaa</div>”). replaceAll (“div”)
5 删除
empty() 删除匹配的元素集合中所有的子节点
remove() 从DOM中删除所有匹配的元素
这两个不同的是remove()不会把匹配元素从Jquery中删除掉。
6 复制
clone() 复制匹配的DOM并选中这个副本。想把一个DOM在放到其他位置时非常有用
clone(true) 当这里设置为true时 同时也复制了元素的事件处理