1、定义:toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
eg:九宫格输入法:单击为a,双击为b,三击为c,再次单击再次为a.
2.toggle用法示例:html
<!DOCTYPE html>
<html>
<head lang="en">
<script src="js/jquery.js"></script>
<meta charset="UTF-8">
<title></title>
<script>
$(function(){
$(".btn1").toggle(
function(){
$("#body").css("background-color","red")},
function(){
$("#body").css("background-color","pink")},
function(){
$("#body").css("background-color","yellow")}
);
})
</script>
<style>
#body{
width: 900px;
height: 600px;
background-color: blue;
}
</style>
</head>
<body >
<button class="btn1">Toggle</button>
<div id="body"></div>
</body>
</html>
点击bg为red,再次点击bg为pink,再次点击为黄,第四次点击又为red….循环。