jquery的animate()函数的问题?
为什么先执行第一行和第三行再执行第二行和第四函数,而不是依次执行第一行到第四行代码?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>111111111111111</title>
<script src="jquery-3.1.0.min.js"></script>
<script>
$(function(){
$('#a').animate({height:300});//第一行
$('#a').animate({width:300});//第二行
$('#b').animate({height:300});//第三行
$('#b').animate({width:300});//第四行
})
</script>
<style>
#a{
width: 100px;
height: 100px;
background-color: red;
}
#b{
width: 100px;
height: 100px;
background-color: yellow;
}
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
</body>
</html>
赵日天l浏览 1406回答 1
1回答
-
Steafan_
程序是根据捕获顺序执行的，你两个DIV id分别为a,b jQuery在执行的时候，会捕获第一个DIV，然后会匹配你添加的行为，但是匹配的时候每次是只匹配一个，所以你会看到先执行了一三，再执行二四。如果你为两个两个DIV再添加更复杂的行为的话，这个现象你会看的更加清楚！
随时随地看视频慕课网APP
相关分类
JQuery