jQuery动画函数和节点的操作

动画函数

淡入弹出动画效果

    fadeIn([speed],[callback])    
    fadeOut([speed],[callback])    
    fadeToggle([speed],[callback])    
参数一：动画持续的时间，默认300   参数二：动画的回调函数

显示与隐藏动画

    show([speed],[callback])
    hide([speed],[callback])
    toggle([speed],[callback])    

参数一：动画持续的时间，默认300   参数二：动画的回调函数

向下滑出和向上滑入动画

slideDown([speed],[callback])
slideUp([speed],[callback])
slideToggle([speed],[callback])
参数一：动画持续的时间，默认300   参数二：动画的回调函数

自定义动画函数：

animate(styles,speed,easing,callback)

    	参数一：需要传动画的样式，对象 必填项

    	参数二：动画的执行时间  可以选

    	参数三：动画的执行效果  swing（摇摆式的） linear(匀速的)  可选   默认swing

    	参数四：回调函数  可选

节点的操作

动态添加节点

appendTo() 把子节点添加到父节点里面的末尾

 $("a").appendTo("#box");
    $("#box").append($("a"));

在父元素里面添加一个子节点到最前面 ： prepend（）

  $("a").prepend($("#box"));

把子元素添加到父节点里面的前面 prependTo（）

    $("#box").prependTo($("a"));

添加兄弟节点
after（）兄弟之后

  $("a").after($("#box"));

before（）兄弟之后

  $("a").before($("#box"));

清空和删除节点
empty() 清空

 //清除div后代的所有元素
 $("div").empty();

remove() 删除

  //remove()  会删除自己以及后代所有元素
$("div").remove();

clone() 克隆

//当布尔值为true    会复制事件
    $("div>p").clone().appendTo($("div"));