Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery toggle() 方法

❮ jQuery 事件方法

示例

点击 <p> 元素时在颜色之间切换

$("p").toggle(
  function(){$("p").css({"color": "red"});},
  function(){$("p").css({"color": "blue"});},
  function(){$("p").css({"color": "green"});
});
亲自试一试 »

定义和用法

toggle() 方法在 jQuery 1.8 版中已弃用,并在 1.9 版中移除

toggle() 方法将两个或多个函数附加到为选定元素的点击事件切换。

单击元素时,会触发第一个指定的函数,再次单击时,会触发第二个函数,依此类推。

注意:还有一个名为 toggle() 的jQuery 效果方法。调用哪个方法取决于参数。


语法

$(选择器).toggle(函数)

参数 描述
函数 必需。每次单击选定元素时要运行的函数

亲自试一试 - 示例

在多个函数之间切换
如何在多个函数之间切换。


❮ jQuery 事件方法

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.