对于jquery中的callback函数需要注意以下几点说明:

本文链接：https://blog.csdn.net/qq_43179622/article/details/111573684

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>