跟着Jquery api学jquery之五 文档处理

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时 同时也复制了元素的事件处理

  

原文地址:https://www.cnblogs.com/ac1985482/p/1708786.html