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….循環。