jQuery--4.文档处理

1       文档处理

1.1  内部插入【掌握】

 

A.append(B) 将B插入到A的内部后面（之后的串联操作，操作A）

       <A>

              ....

              <B></B>

       <A>

A.prepend(B) 将B插入到A的内部前面

       <A>

              <B></B>

              ....

       <A>

--------------------------------------------

A.appendTo(B) 将A插入到B的内部后面 （之后的串联操作，操作A）

A.prependTo(B) 将A插入到B的内部前面

  

1.2  外部插入【掌握】

 

A.after(B) , 将B插入到A后面（同级）

       <A></A>

       <B></B>

A.before(B) ，将B插入到A前面

       <B></B>

       <A></A>

-----------------------------------

A.insertAfter(B) , 将A插入到B后面（同级）

       <B></B>

       <A></A>

A.insertBefore(B) 将A插入到B前面

       <A></A>

       <B></B>

 

1.3  删除[掌握]

 

1.4  复制

clone() 克隆：even ：指示事件处理函数是否会被复制。V1.5以上版本默认值是：false 

1.5  替换

 

A.replaceWith(B) ，使用A将B替换掉

A.replaceAll(B) ，使用B将A替换掉

 

 

1.6  包裹

 

A.wrap(B) ，使用B将每一个A进行包裹（多个B）

       <B><A></A></B>

       <B><A></A></B>

      

A.wrapAll(B) ，使用B将所有A进行包裹（一个B）

       <B>

              <A></A>

              <A></A>

       </B>

      

A.wrapInner(B) ,使用B将每一个A的标签体包裹。

       <A><B>。。。</B></A>

       <A><B>。。。</B></A>

      

A.unwrap() ，将A的父元素删除，自己留着

  

2      数据缓存

绑定数据，在元素上存放数据,返回jQuery对象。

       key:存储的数据名；value:将要存储的任意数据

 

       data(name)获得

       data(name,value)设置