jQuery初学2

1. jquery动画---->animate()　　
2. 语法

   $(selector).animate({params},speed,callback);

   params是必需的css样式，speed是速度：slow,fast,毫秒，callback是跳转的函数

3. 功能：操作多个属性；使用相对值；使用预定义的值；使用队列功能。

   $("button").click(function(){ ?$("div").animate({ ???left:‘250px‘, ???opacity:‘0.5‘, ???height:‘150px‘, ???width:‘150px‘ ?});});$("button").click(function(){ ?$("div").animate({ ???left:‘250px‘, ???height:‘+=150px‘, ???width:‘+=150px‘ ?});});$("button").click(function(){ ?$("div").animate({ ???height:‘toggle‘ ?});});$("button").click(function(){ ?var div=$("div"); ?div.animate({height:‘300px‘,opacity:‘0.4‘},"slow"); ?div.animate({width:‘300px‘,opacity:‘0.8‘},"slow"); ?div.animate({height:‘100px‘,opacity:‘0.4‘},"slow"); ?div.animate({width:‘100px‘,opacity:‘0.8‘},"slow");});

4. juery stop()
5. 语法

   $("#stop").click(function(){ ?$("#panel").stop();});

   　　

6. jquery callback()
   
7. 实例

   $("button").click(function(){ ???$("p").hide(1000); ???alert("现在段落被隐藏了"); ?});

   　　

8. jQuery链
9. 实例

   $("button").click(function(){ ???$("#p1").css("color","red") ?????.slideUp(2000) ?????.slideDown(2000); ?});

   　允许在同一个元素上运行多个jQuery命令

jQuery初学2

原文地址：https://www.cnblogs.com/linnannan/p/9934448.html