jQuery toggle() 方法
实例
单击 <p> 元素时在颜色之间切换:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/1.8.1/jquery.min.js"></script><script>$(document).ready(function(){$("p").toggle(function(){$("p").css({"color": "red"});},function(){$("p").css({"color": "blue"});},function(){$("p").css({"color": "green"});});});</script></head><body><p style="font-size:40px">点击这里</p><div><b>注意:</b> toggle() 方法在 jQuery 1.8 版中被弃用,并在 1.9 版中被删除。我们在本例中使用了 jQuery 的早期版本(脚本标记中的 1.8)</div></body></html>
定义与用法
toggle() 方法在 jQuery 1.8 版中被 弃用,并在 1.9 版中被 删除。
toggle() 方法附加两个或多个函数,以便在选定元素的单击事件之间切换。
当点击一个元素时,第一个指定的函数触发,当再次点击时,第二个函数触发,依此类推。
注意: 还有一个名为 toggle() 的 jQuery 效果方法。根据参数来决定调用哪个函数。
语法
$(selector).toggle(function)
| 参数 | 描述 |
|---|---|
| function | 必填。每次单击所选元素时运行的函数 |