学习jQuery笔记

jQuery animate() - 操作多个属性

请注意，生成动画的过程中可同时使用多个属性：

实例

$("button").click(function(){  $("div").animate({    left:'250px',     opacity:'0.5',     height:'150px',     width:'150px'  });});

可以用 animate() 方法来操作所有 CSS 属性吗？

是的，几乎可以！不过，需要记住一件重要的事情：当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。

同时，色彩动画并不包含在核心 jQuery 库中。

jQuery animate() - 使用相对值

也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上 += 或 -=：

实例

$("button").click(function(){  $("div").animate({    left:'250px',     height:'+=150px',     width:'+=150px'  });});