许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。
例子:$("p").hide("slow")
speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。
以下实例在隐藏效果完全实现后回调函数:
使用 callback 实例
<!DOCTYPE html> |
<html> |
<head> |
<meta charset="utf-8"> |
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> |
</script> |
<script> |
$(document).ready(function(){ |
$("button").click(function(){ |
$("p").hide("slow",function(){ |
alert("段落现在被隐藏了"); |
}); |
}); |
}); |
</script> |
</head> |
<body> |
<button>隐藏</button> |
<p>我们段落内容,点击“隐藏”按钮我就会消失</p> |
</body> |
</html> |
<!DOCTYPE html> |
<html> |
<head> |
<meta charset="utf-8"> |
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> |
</script> |
<script> |
$(document).ready(function(){ |
$("button").click(function(){ |
$("p").hide(1000); |
alert("现在段落被隐藏了"); |
}); |
}); |
</script> |
</head> |
<body> |
<button>隐藏</button> |
<p>这是一个段落,内容很少</p> |
</body> |
</html> |