jQuery初学2

时间：2018-11-09 13:08:50 收藏：0 阅读：185

jquery动画---->animate()　　
语法
```
$(selector).animate({params},speed,callback);
```
params是必需的css样式，speed是速度：slow,fast,毫秒，callback是跳转的函数

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

$("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");
});

juery stop()

语法

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

jquery callback()

实例

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

jQuery链

实例

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

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

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