关于jQuery中toggle参数callback函数提前执行问题

简介: 关于jQuery中toggle参数callback函数提前执行问题

通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素,并隐藏已显示的元素:

$(selector).toggle(speed,callback);

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

对于可选的 callback 参数,有以下两点说明:

1.$(selector)选中的元素的个数为n个,则callback函数会执行n次

2.callback函数名后加括号,会立刻执行函数体,而不是等到显示/隐藏完成后才执行,如果直接跟函数名(匿名函数) 则是在显示、隐藏完成后执行;

3.callback既可以是函数名,也可以是匿名函数;

 

示例: 如果html中有两个p 那么会弹两次aa 有几个弹几次

$(document).ready(function(){
  $("button").click(function(){
    $("p").toggle(function(){// 弹aa;
  });
});
目录
相关文章
|
7月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
4月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
4月前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
23 3
|
4月前
|
JavaScript
jQuery Callback 方法
jQuery Callback 方法
45 15
|
5月前
|
JavaScript 前端开发
jQuery的作用及入口函数
jQuery的作用及入口函数
35 1
|
7月前
|
JavaScript 前端开发
jQuery 常用函数解析
jQuery 常用函数解析
|
7月前
|
JavaScript 前端开发 开发者
jQuery中的ready()函数:优雅地处理页面加载事件
jQuery中的ready()函数:优雅地处理页面加载事件
149 0
|
8月前
|
JavaScript 前端开发 索引
【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
【5月更文挑战第2天】【Web 前端】jQuery 里的 each() 是什么函数?你是如何使用它的?
|
8月前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
8月前
|
JavaScript
jQuery自定义动画-第8次课-animate-stop函数-附案例
jQuery自定义动画-第8次课-animate-stop函数-附案例
50 0