回顾：

pppp
     
      DIV    
      点击
     
     
      DIV2
     

 

jquery 文档操作：

内部插入：1、append  2、prepend   外部插入： 3、after 4、before  5、empty 6、remove   other : click clone

append 在DIV 后面

    
          
      
    
       
我是p标签
      
add

在DIV前面：prepend

    
          
      
    
       
我是p标签
      
preadd

after: 在某个标签后面插入：

    
          
      
    
       
我是p标签
      
after

befer :在某个之前：

    
          
      
    
       
我是p标签
      
before

empty: 标签存在

    
          
      
    
       
我是p标签
      
empty

remove：标签也被删除

    
          
      
    
       
我是p标签
      
remove

appendTo: 子节点插入到父节点里面：

    
          
      
    
       
我是p标签
      
appendto

clone应用：

+号可以在下方加一个input 框； 减号可以删除input 

 

 

jquery 循环实现：

两种循环：

each 

//jquery的循环实现：两种方式    arr=[123,456,"hello"];    obj={"name":"egon","age":22};    //$.each(arr,function{})    //循环一叫each    $.each(arr,function (i,j) {        console.log(i);//索引        console.log(j);//值    });    console.log('---------');    $.each(obj,function (i,j) {        console.log(i);//key        console.log(j);//value    });

each 

$("ul li").each(function () {        if ($(this).hasClass("item")){            console.log($(this).text()) //打印出li class为item的文本        }    });

 

一些特效：

显示、隐藏：

    
          
docker box 
display显示hidtoggle

 

淡入淡出：

    
              
docker box 
fadeInfadOutfadtogglefadto
      
       滑动效果
      

 

滑动效果：

    
              
docker box 
slidDownslideUptoggle
      
       滑动效果