本例中,$(this)和$("span")的区别?具体看我代码里的方法一和方法二。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>制作移动位置的动画</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>制作移动位置的动画</h3>
<span></span>
<div id="tip"></div>
<script type="text/javascript">
//法一:
$(function () {
$("span").animate({
left: "+=100px"
}, 1000, function () {
$("span").animate({
height: '+=30px',
width: '+=30px'
}, 2000, function () {
$("#tip").html("执行完成!");
});
});
});
//法二:
/*--$(function () {
$("span").animate({
left: "+=100px"
}, 1000, function () {
$(this).animate({
height: '+=30px',
width: '+=30px'
}, 2000, function () {
$("#tip").html("执行完成!");
});
});
});--*/
</script>
</body>
</html>