$("p").hide(1000,function(){
alert("The paragraph is now hidden");
});
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>Jquery Test</title>
<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#start").click(function(){
$("p").animate({left:'1250px'},1000,function(){
$("p").text("moved");
});
});
$("#stop").click(function(){
$("p").stop();
});
});
</script>
</head>
<body>
<h2 class= "h2">This is a heading</h2>
<button type="button" id="start">start</button>
<button type="button" id="stop">stop</button>
<p style="position:absolute;color:red">hello</p>
</body>
</html>
jQuery - Chaining
通过 jQuery，您可以把动作/方法链接起来。
Chaining 允许我们在一条语句中允许多个 jQuery 方法（在相同的元素上）。
下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，然后向下滑动：
$("#p1").css("color","red").slideUp(2000).slideDown(2000);
扫一扫
695
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
