1.$(selector)选中的元素的个数为n个,则callback函数会执行n次;
2.callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行;
3.callback既可以是函数名,也可以是匿名函数;
4、当 callback 函数加上括号时,函数立即执行,只会调用一次, 如果不加括号,元素显示或隐藏后调用函数,才会调用多次
看个例子:
1、$(“p”)选中的元素有2个,而且callback函数没有加上(),此时callback函数会执行2次,alert()会弹出2次。
2、点击按钮,p元素隐藏完成之后会调用callback函数。即:先隐藏元素,然后再执行callback函数。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
//若是 hideOrShow那么则可以理解为把hideOrShow当作参数,由click函数调用hideOrShow函数
$("p").toggle(1000,"linear",hideOrShow);
});
function hideOrShow(){
alert("显示/隐藏我!!!");
}
});
</script>
</head>
<body>
<button>隐藏/显示</button>
<p>这是一个文本段落。</p>
<p>这是另外一个文本段落。</p>
</body>
</html>
1、$(“p”)选中的元素有2个,但是callback函数加上了(),此时callback函数会执行1次,alert()会弹出1次。
2、点击按钮,callback函数调用完成之后p元素隐藏。即:先执行callback函数,然后再隐藏元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
//可以理解为把add当作参数,由click函数调用hideOrShow函数
$("p").toggle(1000,"linear",hideOrShow());
});
function hideOrShow(){
alert("显示/隐藏我!!!");
}
});
</script>
</head>
<body>
<button>隐藏/显示</button>
<p>这是一个文本段落。</p>
<p>这是另外一个文本段落。</p>
</body>
</html>