jQuery的帮助文档(4)

jQuery的帮助文档

<script type="text/javascript">

$(document).ready(function(){

$("#start").click(function(){

$("#box").animate({height:300},"slow");

$("#box").animate({width:300},"slow");

$("#box").animate({height:100},"slow");

$("#box").animate({width:100},"slow");

});

});

</script>

实例 2

<script type="text/javascript">

$(document).ready(function(){$("#start").click(function(){

$("#box").animate({left:"100px"},"slow");$("#box").animate({fontSize:"3em"},"slow");

});

});

</script> jQuery 包含很多供改变和操作 H改变 HTML 内容语法$(selector).html(content)实例$("p").html("W3School");html() 函数改变所匹配的 HTML 元

HTML 元素默认是静态定位，且无法移动。

如需使元素可以移动，请把 CSS 的 position 设置为 relative 或 absolute。jQuery 动画的问题

许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。

例子：$("p").hide("slow")

speed 或 duration 参数可以设置许多不同的值，比如 "slow", "fast", "normal" 或毫秒。

实例

$("button").click(function(){

$("p").hide(1000);

});

TIY

由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。

为了避免这个情况，您可以以参数的形式添加 Callback 函数。